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

simplify

Browse Source
This commit is contained in:
Thomas Heartman 2025-06-24 18:11:50 +02:00
parent 0b6eec1e82
commit 35c4071b85
1 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx
View File

@ -1,6 +1,13 @@
import type React from 'react'; import type React from 'react';
import type { FC, ReactNode } from 'react'; import type { FC, ReactNode } from 'react';
import { Box, Button, styled, Tooltip, Typography } from '@mui/material'; import {
Box,
Button,
type ButtonProps,
styled,
Tooltip,
Typography,
} from '@mui/material';
import { Tab, Tabs, TabsList, TabPanel } from '@mui/base'; import { Tab, Tabs, TabsList, TabPanel } from '@mui/base';
import BlockIcon from '@mui/icons-material/Block'; import BlockIcon from '@mui/icons-material/Block';
import TrackChangesIcon from '@mui/icons-material/TrackChanges'; import TrackChangesIcon from '@mui/icons-material/TrackChanges';
@ -188,6 +195,27 @@ const StyledButton = styled(Button)(({ theme }) => ({
}, },
})); }));
export const StyledTab = styled(
({ value, children }: ButtonProps & { value: number }) => (
<Tab value={value} slots={{ root: StyledButton }}>
{children}
</Tab>
),
)(({ theme }) => ({
position: 'absolute',
top: theme.spacing(-0.5),
left: theme.spacing(2),
transform: 'translateY(-50%)',
padding: theme.spacing(0.75, 1),
lineHeight: 1,
fontSize: theme.fontSizes.smallerBody,
color: theme.palette.text.primary,
background: theme.palette.background.application,
borderRadius: theme.shape.borderRadiusExtraLarge,
zIndex: theme.zIndex.fab,
textTransform: 'uppercase',
}));
const UpdateStrategy: FC<{ const UpdateStrategy: FC<{
change: IChangeRequestUpdateStrategy; change: IChangeRequestUpdateStrategy;
changeRequestState: ChangeRequestState; changeRequestState: ChangeRequestState;
@ -239,18 +267,8 @@ const UpdateStrategy: FC<{
</ChangeItemInfo> </ChangeItemInfo>
<RightHandSide> <RightHandSide>
<StyledTabList> <StyledTabList>
<Tab<typeof StyledButton> <StyledTab value={0}>Change</StyledTab>
value={0} <StyledTab value={1}>View diff</StyledTab>
slots={{ root: StyledButton }}
>
Change
</Tab>
<Tab<typeof StyledButton>
value={1}
slots={{ root: StyledButton }}
>
View diff
</Tab>
</StyledTabList> </StyledTabList>
{actions} {actions}
</RightHandSide> </RightHandSide>