Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-23 13:46:45 +02:00
Code Issues Projects Releases Wiki Activity

status change

Browse Source
This commit is contained in:
Thomas Heartman 2025-07-02 11:24:07 +02:00
parent fde966bb9d
commit 0262387917
3 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/Change.styles.tsx
View File

@ -39,7 +39,7 @@ export const ChangeItemInfo = styled(
alignItems: 'center',
flex: 'auto',
columnGap: `1ch`,
rowGap: theme.spacing(1),
rowGap: theme.spacing(0.5),
}));
export const ChangeItemWrapper = styled('div')(({ theme }) => ({

1
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx
View File

@ -120,6 +120,7 @@ export const ChangeActions: FC<{
aria-expanded={open ? 'true' : undefined}
onClick={handleClick}
type='button'
sx={{ marginLeft: 'auto' }}
>
<MoreVert />
</IconButton>

16
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ToggleStatusChange.tsx
View File

@ -1,5 +1,4 @@
import type { FC, ReactNode } from 'react';
import { Box } from '@mui/material';
import { Badge } from 'component/common/Badge/Badge';
import { ChangeItemInfo, ChangeItemWrapper } from './Change.styles';
@ -15,17 +14,12 @@ export const ToggleStatusChange: FC<IToggleStatusChange> = ({
return (
<ChangeItemWrapper>
<ChangeItemInfo>
<Box sx={{ display: 'inline-flex', alignItems: 'center' }}>
New status
<Badge
sx={(theme) => ({ marginLeft: theme.spacing(1) })}
color={enabled ? 'success' : 'error'}
>
{enabled ? ' Enabled' : 'Disabled'}
</Badge>
</Box>
New status
<Badge color={enabled ? 'success' : 'error'}>
{enabled ? ' Enabled' : 'Disabled'}
</Badge>
{actions}
</ChangeItemInfo>
{actions}
</ChangeItemWrapper>
);
};