diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts index 31c0fcc432..ae9e3bb43e 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts @@ -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', diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx index 6c7afeadb5..609ba28c30 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx @@ -8,6 +8,7 @@ import { StyledFlexAlignCenterBox, StyledSuccessIcon, StyledErrorIcon, + StyledWarningIcon, StyledReviewTitle, StyledDivider, } from './ChangeRequestReviewStatus.styles'; @@ -68,6 +69,12 @@ export const ChangeRequestReviewStatus: FC< /> @@ -143,9 +150,9 @@ const ReviewRequired = ({ minApprovals }: IReviewRequiredProps) => { return ( <> - + - + Review required @@ -158,8 +165,8 @@ const ReviewRequired = ({ minApprovals }: IReviewRequiredProps) => { - - + + Apply changes is blocked diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx index ad12c99b67..5ca1486c2d 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx @@ -197,8 +197,7 @@ export const ChangeRequestSidebar: VFC = ({ > Review your changes