Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-15 01:16:22 +02:00
Code Issues Projects Releases Wiki Activity

change request overview warning colors (#2565)

Browse Source 
* Changes the colors of the status component in the change request overview page
This commit is contained in:
Mateusz Kwasniewski 2022-11-30 12:51:58 +01:00 committed by GitHub
parent a22d5f5a43
commit 88bdef62b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts
View File

@ -22,6 +22,13 @@ export const StyledErrorIcon = styled(Cancel)(({ theme }) => ({
marginRight: theme.spacing(1),
}));
export const StyledWarningIcon = styled(Cancel)(({ theme }) => ({
color: theme.palette.warning.main,
height: '35px',
width: '35px',
marginRight: theme.spacing(1),
}));
export const StyledSuccessIcon = styled(CheckCircle)(({ theme }) => ({
color: theme.palette.success.main,
height: '35px',

15
frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx
View File

@ -8,6 +8,7 @@ import {
StyledFlexAlignCenterBox,
StyledSuccessIcon,
StyledErrorIcon,
StyledWarningIcon,
StyledReviewTitle,
StyledDivider,
} from './ChangeRequestReviewStatus.styles';
@ -68,6 +69,12 @@ export const ChangeRequestReviewStatus: FC<
/>
</StyledButtonContainer>
<StyledReviewStatusContainer
sx={{
backgroundColor:
changeRequest.state === 'In review'
? theme.palette.warning.light
: 'initial',
}}
border={resolveBorder(changeRequest.state, theme)}
>
<ResolveComponent changeRequest={changeRequest} />
@ -143,9 +150,9 @@ const ReviewRequired = ({ minApprovals }: IReviewRequiredProps) => {
return (
<>
<StyledFlexAlignCenterBox>
<StyledErrorIcon />
<StyledWarningIcon />
<Box>
<StyledReviewTitle color={theme.palette.error.main}>
<StyledReviewTitle color={theme.palette.warning.main}>
Review required
</StyledReviewTitle>
<Typography>
@ -158,8 +165,8 @@ const ReviewRequired = ({ minApprovals }: IReviewRequiredProps) => {
<StyledDivider />
<StyledFlexAlignCenterBox>
<StyledErrorIcon />
<StyledReviewTitle color={theme.palette.error.main}>
<StyledWarningIcon />
<StyledReviewTitle color={theme.palette.warning.main}>
Apply changes is blocked
</StyledReviewTitle>
</StyledFlexAlignCenterBox>

3
frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx
View File

@ -197,8 +197,7 @@ export const ChangeRequestSidebar: VFC<IChangeRequestSidebarProps> = ({
>
Review your changes
<Tooltip
title="You can review your changes from this page.
Needs a text to explain the process."
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 />