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