Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-12 01:17:04 +02:00
Code Issues Projects Releases Wiki Activity

chore: ux feedback on release templates (#9634)

Browse Source 
Makes two small changes to the release template UI based on walkthrough
feedback with UX

1) The how-to descriptions for creating release plans won't get hidden
when the user has created release plans. We think too much is better
than too little. At a later point we'll push users to documentation more
aggressively
2) The warning for when the user taps the "Use template" button now has
a line break to give it some breathing room and will render anchored to
the bottom left of the originating button rather than covering it
This commit is contained in:
Simon Hornby 2025-03-27 16:31:47 +02:00 committed by GitHub
parent b5e52a6160
commit e53e2ca0c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx
View File

@ -242,6 +242,10 @@ export const FeatureStrategyMenu = ({
anchorEl={anchor}
onClose={onClose}
onClick={onClose}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left',
}}
PaperProps={{
sx: (theme) => ({
paddingBottom: theme.spacing(1),

19
frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx
View File

@ -97,13 +97,18 @@ export const FeatureStrategyMenuCards = ({
padding: (theme) => theme.spacing(1, 2, 0, 2),
}}
>
No templates created. Go to 
<StyledLink
onClick={() => navigate('/release-templates')}
>
Release templates
</StyledLink>
&nbsp;to get started
<p>No templates created.</p>
<p>
Go to&nbsp;
<StyledLink
onClick={() =>
navigate('/release-templates')
}
>
Release templates
</StyledLink>
&nbsp;to get started
</p>
</StyledTypography>
</>
}

34
frontend/src/component/releases/ReleaseManagement/ReleaseManagement.tsx
View File

@ -97,25 +97,21 @@ export const ReleaseManagement = () => {
)}
</PageContent>
{data.templates.length === 0 ? (
<>
<CenteredHowTo>
<ThemeMode
darkmode={<HowToApplyReleaseTemplatesDark />}
lightmode={<HowToApplyReleaseTemplates />}
/>
</CenteredHowTo>
<StyledLink
component='a'
href='https://docs.getunleash.io/reference/release-templates'
underline='hover'
rel='noopener noreferrer'
target='_blank'
>
<StyledMenuBook /> Read more in our documentation
</StyledLink>
</>
) : null}
<CenteredHowTo>
<ThemeMode
darkmode={<HowToApplyReleaseTemplatesDark />}
lightmode={<HowToApplyReleaseTemplates />}
/>
</CenteredHowTo>
<StyledLink
component='a'
href='https://docs.getunleash.io/reference/release-templates'
underline='hover'
rel='noopener noreferrer'
target='_blank'
>
<StyledMenuBook /> Read more in our documentation
</StyledLink>
</>
);
};