Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-11-24 20:06:55 +01:00
Code Issues Projects Releases Wiki Activity

feat: safeguard border dynamic line (#11011)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-11-21 11:39:22 +01:00 committed by GitHub
parent e977689571
commit 63e969821c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlan.tsx
View File

@ -78,19 +78,21 @@ const StyledHeaderDescription = styled('p')(({ theme }) => ({
})); }));
const StyledBody = styled('div', { const StyledBody = styled('div', {
shouldForwardProp: (prop) => prop !== 'safeguards', shouldForwardProp: (prop) => prop !== 'border',
})<{ safeguards: boolean }>(({ theme, safeguards }) => ({ })<{ border: 'solid' | 'dashed' | null }>(({ theme, border }) => ({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
...(safeguards && { ...(border && {
border: `1px dashed ${theme.palette.neutral.border}`, border: `1px ${border} ${theme.palette.neutral.border}`,
borderRadius: theme.shape.borderRadiusMedium, borderRadius: theme.shape.borderRadiusMedium,
}), }),
})); }));
const StyledAddSafeguard = styled('div')(({ theme }) => ({ const StyledAddSafeguard = styled('div', {
shouldForwardProp: (prop) => prop !== 'border',
})<{ border: 'solid' | 'dashed' | null }>(({ theme, border }) => ({
display: 'flex', display: 'flex',
borderBottom: `1px dashed ${theme.palette.neutral.border}`, borderBottom: `1px ${border || 'dashed'} ${theme.palette.neutral.border}`,
padding: theme.spacing(0.25, 0.25), padding: theme.spacing(0.25, 0.25),
})); }));
@ -473,6 +475,13 @@ export const ReleasePlan = ({
} }
}; };
const safeguardBorder =
safeguardsEnabled && safeguards
? safeguards[0]
? 'solid'
: 'dashed'
: null;
return ( return (
<StyledContainer> <StyledContainer>
<StyledHeader> <StyledHeader>
@ -519,9 +528,9 @@ export const ReleasePlan = ({
</StyledAlert> </StyledAlert>
) : null} ) : null}
<StyledBody safeguards={safeguardsEnabled}> <StyledBody border={safeguardBorder}>
{safeguardsEnabled ? ( {safeguardsEnabled ? (
<StyledAddSafeguard> <StyledAddSafeguard border={safeguardBorder}>
{safeguards.length > 0 ? ( {safeguards.length > 0 ? (
<SafeguardForm <SafeguardForm
safeguard={safeguards[0]} safeguard={safeguards[0]}