mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-13 11:17:26 +02:00
23af7a3474
## About the changes Refactoring the colors for the light theme to be much easier to continue with dark mode This is the first step to finish dark mode https://linear.app/unleash/project/[low][s][alpha]-dark-mode-in-unleash-admin-ui-31b407d13c4b/1 This PR uses `main-theme` as a placeholder for `dark-theme` for now due to the new changes. Still need to set the correct values here. --------- Co-authored-by: Nuno Góis <github@nunogois.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import { Box, styled, Tooltip } from '@mui/material';
|
|
import { HelpOutline } from '@mui/icons-material';
|
|
import { FC } from 'react';
|
|
import { PageHeader } from '../../../common/PageHeader/PageHeader';
|
|
|
|
const StyledHelpOutline = styled(HelpOutline)(({ theme }) => ({
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
marginLeft: '0.3rem',
|
|
color: theme.palette.action.active,
|
|
}));
|
|
|
|
const StyledHeaderHint = styled('div')(({ theme }) => ({
|
|
color: theme.palette.text.secondary,
|
|
fontSize: theme.fontSizes.smallBody,
|
|
}));
|
|
|
|
export const ReviewChangesHeader: FC = () => (
|
|
<PageHeader
|
|
actions={''}
|
|
titleElement={
|
|
<>
|
|
<Box
|
|
sx={{
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
}}
|
|
>
|
|
Review your changes
|
|
<Tooltip
|
|
title="Here you can see all the changes that you are suggesting and you can send them for review. You can still discard the changes after you sent them for review or even cancel the entire review if you need it"
|
|
arrow
|
|
>
|
|
<StyledHelpOutline />
|
|
</Tooltip>
|
|
</Box>
|
|
<StyledHeaderHint>
|
|
Make sure you are sending the right changes to be reviewed
|
|
</StyledHeaderHint>
|
|
</>
|
|
}
|
|
/>
|
|
);
|