diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts index 98dbc8e139..83e2df65b7 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts @@ -1,5 +1,11 @@ import { styled } from '@mui/material'; -import { Cancel, CheckCircle, Schedule, Edit, Info } from '@mui/icons-material'; +import { + Cancel, + CheckCircle, + Schedule, + Edit, + Error as ErrorIcon, +} from '@mui/icons-material'; import { Box, Typography, Divider } from '@mui/material'; const styledComponentPropCheck = () => (prop: string) => @@ -43,7 +49,7 @@ export const StyledScheduledIcon = styled(Schedule)(({ theme }) => ({ marginRight: theme.spacing(1), })); -export const StyledInfoIcon = styled(Info)(({ theme }) => ({ +export const StyledScheduleFailedIcon = styled(ErrorIcon)(({ theme }) => ({ color: theme.palette.error.main, height: '35px', width: '35px', diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx index b74e4b7fb1..989641be44 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.tsx @@ -15,14 +15,14 @@ import { StyledReviewStatusContainer, StyledFlexAlignCenterBox, StyledSuccessIcon, - StyledErrorIcon, StyledWarningIcon, StyledReviewTitle, StyledDivider, StyledScheduledIcon, StyledEditIcon, StyledScheduledBox, - StyledInfoIcon, + StyledErrorIcon, + StyledScheduleFailedIcon, } from './ChangeRequestReviewStatus.styles'; import { ChangeRequestState, @@ -289,7 +289,7 @@ const ScheduledFailed = ({ return ( - + Changes failed to be applied on {scheduledTime} because of{' '} diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx index e79cb2c9ce..31b033f065 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx @@ -9,7 +9,7 @@ import TimelineContent from '@mui/lab/TimelineContent'; import { ChangeRequestState } from '../../changeRequest.types'; import { ConditionallyRender } from '../../../common/ConditionallyRender/ConditionallyRender'; import { HtmlTooltip } from '../../../common/HtmlTooltip/HtmlTooltip'; -import { Info } from '@mui/icons-material'; +import { Error as ErrorIcon } from '@mui/icons-material'; import { useLocationSettings } from 'hooks/useLocationSettings'; import { formatDateYMDHMS } from 'utils/formatDate'; @@ -184,7 +184,10 @@ const createTimelineItem = ( title={`Schedule failed because of ${failureReason}`} arrow > - + } /> diff --git a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx index 3e24a05c81..0b47bbf0fb 100644 --- a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx @@ -6,7 +6,7 @@ import { Check, CircleOutlined, Close, - Info, + Error as ErrorIcon, } from '@mui/icons-material'; interface IChangeRequestStatusBadgeProps { @@ -64,7 +64,7 @@ export const ChangeRequestStatusBadge: VFC = ({ schedule?.status === 'pending' ? ( ) : ( - + ); return (