Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-24 17:51:14 +02:00
Code Issues Projects Releases Wiki Activity

chore: adapt release templates to new logic

Browse Source
This commit is contained in:
Nuno Góis 2025-09-24 12:49:07 +01:00
parent 6d6c662aef
commit 022aabd808
No known key found for this signature in database
GPG Key ID: 71ECC689F1091765
1 changed files with 10 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@ import { useReleasePlanTemplates } from 'hooks/api/getters/useReleasePlanTemplat
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { ReactComponent as ReleaseTemplateIcon } from 'assets/img/releaseTemplates.svg';
import type { IReleasePlanTemplate } from 'interfaces/releasePlans.ts';
import { Box, Button, styled } from '@mui/material';
import { Box, styled } from '@mui/material';
import type { StrategyFilterValue } from './FeatureStrategyMenuCards.tsx';
import type { Dispatch, SetStateAction } from 'react';
import { Link as RouterLink } from 'react-router-dom';
@ -74,16 +74,6 @@ const StyledNoTemplatesDescription = styled('p')(({ theme }) => ({
color: theme.palette.text.secondary,
}));
const StyledViewMoreButton = styled(Button)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: theme.spacing(10),
padding: theme.spacing(2),
border: `1px solid ${theme.palette.divider}`,
borderRadius: theme.spacing(1),
}));
const StyledLink = styled(RouterLink)({
textDecoration: 'none',
'&:hover': {
@ -113,10 +103,9 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
const isFiltered = filter === 'releaseTemplates';
const shouldShowHeader = !isFiltered || templates.length > 0;
const slicedTemplates = isFiltered
? templates
: templates.slice(0, RELEASE_TEMPLATE_DISPLAY_LIMIT);
const releaseTemplatesDisplayLimit = isFiltered
? 0
: RELEASE_TEMPLATE_DISPLAY_LIMIT;
return (
<Box>
@ -153,8 +142,12 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
</StyledNoTemplatesBody>
</StyledNoTemplatesContainer>
) : (
<FeatureStrategyMenuCardsSection>
{slicedTemplates.map((template) => (
<FeatureStrategyMenuCardsSection
limit={releaseTemplatesDisplayLimit}
viewMore={() => setFilter('releaseTemplates')}
viewMoreLabel='View more templates'
>
{templates.map((template) => (
<FeatureStrategyMenuCard
key={template.id}
name={template.name}
@ -175,16 +168,6 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
</FeatureStrategyMenuCardAction>
</FeatureStrategyMenuCard>
))}
{slicedTemplates.length < templates.length &&
templates.length > RELEASE_TEMPLATE_DISPLAY_LIMIT && (
<StyledViewMoreButton
variant='text'
size='small'
onClick={() => setFilter('releaseTemplates')}
>
View more templates
</StyledViewMoreButton>
)}
</FeatureStrategyMenuCardsSection>
)}
</Box>