Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00
Code Issues Projects Releases Wiki Activity

revert changes to existing component

Browse Source
This commit is contained in:
Thomas Heartman 2025-06-19 14:01:23 +02:00
parent 58b12250fd
commit 78594f4e7a
1 changed files with 30 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
frontend/src/component/changeRequest/ChangeRequest/Changes/FeatureToggleChanges.tsx
View File

@ -1,7 +1,7 @@
import type React from 'react';
import type { FC } from 'react';
import { Link as RouterLink } from 'react-router-dom';
import { Box, Card, Typography, Link, styled } from '@mui/material';
import { Box, Card, Typography, Link } from '@mui/material';
import { ConflictWarning } from './Change/ConflictWarning.tsx';
interface IFeatureToggleChanges {
@ -12,15 +12,6 @@ interface IFeatureToggleChanges {
children?: React.ReactNode;
}
const HeaderGroup = styled('hgroup', {
shouldForwardProp: (prop) => prop !== 'conflict',
})<{ conflict?: string }>(({ theme, conflict }) => ({
display: 'flex',
paddingTop: theme.spacing(conflict ? 0 : 2),
paddingBottom: theme.spacing(2),
paddingInline: theme.spacing(3),
}));
export const FeatureToggleChanges: FC<IFeatureToggleChanges> = ({
featureName,
projectId,
@ -37,7 +28,9 @@ export const FeatureToggleChanges: FC<IFeatureToggleChanges> = ({
>
<Box
sx={(theme) => ({
backgroundColor: theme.palette.neutral.light,
backgroundColor: conflict
? theme.palette.neutral.light
: theme.palette.neutral.light,
borderRadius: (theme) =>
`${theme.shape.borderRadiusLarge}px ${theme.shape.borderRadiusLarge}px 0 0`,
border: '1px solid',
@ -50,26 +43,32 @@ export const FeatureToggleChanges: FC<IFeatureToggleChanges> = ({
})}
>
<ConflictWarning conflict={conflict} />
<HeaderGroup conflict={conflict}>
<Typography>Feature flag:</Typography>
<Typography component='h3'>
<Link
component={RouterLink}
to={`/projects/${projectId}/features/${featureName}`}
color='primary'
underline='hover'
sx={{
marginLeft: 1,
'& :hover': {
textDecoration: 'underline',
},
}}
onClick={onNavigate}
>
<strong>{featureName}</strong>
</Link>
</Typography>
</HeaderGroup>
<Box
sx={{
display: 'flex',
pt: conflict ? 0 : 2,
pb: 2,
px: 3,
}}
>
<Typography>Feature flag name: </Typography>
<Link
component={RouterLink}
to={`/projects/${projectId}/features/${featureName}`}
color='primary'
underline='hover'
sx={{
marginLeft: 1,
'& :hover': {
textDecoration: 'underline',
},
}}
onClick={onNavigate}
>
<strong>{featureName}</strong>
</Link>
</Box>
</Box>
<Box>{children}</Box>
</Card>