Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-17 13:46:47 +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} anchorEl={anchor}
onClose={onClose} onClose={onClose}
onClick={onClose} onClick={onClose}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left',
}}
PaperProps={{ PaperProps={{
sx: (theme) => ({ sx: (theme) => ({
paddingBottom: theme.spacing(1), 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), padding: (theme) => theme.spacing(1, 2, 0, 2),
}} }}
> >
No templates created. Go to&nbsp; <p>No templates created.</p>
<StyledLink <p>
onClick={() => navigate('/release-templates')} Go to&nbsp;
> <StyledLink
Release templates onClick={() =>
</StyledLink> navigate('/release-templates')
&nbsp;to get started }
>
Release templates
</StyledLink>
&nbsp;to get started
</p>
</StyledTypography> </StyledTypography>
</> </>
} }

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

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