diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx index 37dc7f6a61..8c5547ec0c 100644 --- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx +++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx @@ -1,13 +1,6 @@ import type React from 'react'; import type { FC, ReactNode } from 'react'; -import { - Box, - Button, - type ButtonProps, - styled, - Tooltip, - Typography, -} from '@mui/material'; +import { Box, Button, styled, Tooltip, Typography } from '@mui/material'; import { Tab, Tabs, TabsList, TabPanel } from '@mui/base'; import BlockIcon from '@mui/icons-material/Block'; import TrackChangesIcon from '@mui/icons-material/TrackChanges'; @@ -184,39 +177,6 @@ const StyledTabList = styled(TabsList)(({ theme }) => ({ gap: theme.spacing(0.5), })); -export const StyledTabz = styled( - ({ - label, - value, - ...props - }: ButtonProps & { label: string; value: number }) => ( - - ), -)(({ theme }) => ({ - ':has([aria-selected="true"])': { - backgroundColor: theme.palette.background.elevation1, - }, - whiteSpace: 'nowrap', - position: 'relative', - borderRadius: theme.shape.borderRadius, - '::before': { - content: 'attr(data-label)', - fontWeight: 'bold', - visibility: 'hidden', - display: 'block', - padding: theme.spacing(1, 2), - }, -})); - const StyledButton = styled(Button)(({ theme }) => ({ whiteSpace: 'nowrap', color: theme.palette.text.secondary, @@ -228,33 +188,6 @@ const StyledButton = styled(Button)(({ theme }) => ({ }, })); -const StyledTab = styled(Tab)(({ theme }) => ({ - cursor: 'pointer', - whiteSpace: 'nowrap', - backgroundColor: 'transparent', - border: 'none', - color: theme.palette.text.secondary, - position: 'absolute', - padding: theme.spacing(1, 2), - '&[aria-selected="true"]': { - fontWeight: 'bold', - color: theme.palette.primary.main, - }, - span: {}, - // '::before': { - // content: 'attr(data-label)', - // fontWeight: 'bold', - // visibility: 'hidden', - // display: 'block', - // }, - // ':hover': { - // background: theme.palette.background.elevation2, - // }, - ':focus-visible': { - outline: 'none', - }, -})); - const UpdateStrategy: FC<{ change: IChangeRequestUpdateStrategy; changeRequestState: ChangeRequestState; @@ -319,7 +252,6 @@ const UpdateStrategy: FC<{ View diff - {actions}