Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-01 13:47:27 +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', alignItems: 'center',
flex: 'auto', flex: 'auto',
columnGap: `1ch`, columnGap: `1ch`,
rowGap: theme.spacing(1), rowGap: theme.spacing(0.5),
})); }));
export const ChangeItemWrapper = styled('div')(({ theme }) => ({ 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} aria-expanded={open ? 'true' : undefined}
onClick={handleClick} onClick={handleClick}
type='button' type='button'
sx={{ marginLeft: 'auto' }}
> >
<MoreVert /> <MoreVert />
</IconButton> </IconButton>

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

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