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

feat: show suspended states in change request badge (#5871)

Browse Source 
This updates the CR badge to show suspended states correctly.

<img width="370" alt="image"
src="https://github.com/Unleash/unleash/assets/17786332/f678059b-f72a-46ef-9111-0fc90f228fc8">
This commit is contained in:
Thomas Heartman 2024-01-12 16:48:34 +05:30 committed by GitHub
parent 5a3bb1ffc3
commit aecc0b54a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx
View File

@ -7,6 +7,7 @@ import {
CircleOutlined,
Close,
Error as ErrorIcon,
PauseCircle,
} from '@mui/icons-material';
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
@ -60,27 +61,30 @@ export const ChangeRequestStatusBadge: VFC<IChangeRequestStatusBadgeProps> = ({
);
case 'Scheduled': {
const { schedule } = changeRequest;
const color = schedule!.status === 'pending' ? 'warning' : 'error';
const icon =
schedule?.status === 'pending' ? (
<AccessTime fontSize={'small'} />
) : (
<ErrorIcon fontSize={'small'} />
);
const scheduledAt = new Date(
schedule!.scheduledAt,
).toLocaleString();
const scheduledAt = new Date(schedule.scheduledAt).toLocaleString();
const tooltipTitle = (() => {
const { color, icon, tooltipTitle } = (() => {
switch (schedule.status) {
case 'failed':
return `Failed on ${scheduledAt} because of ${
schedule.reason || schedule.failureReason
}`;
return {
color: 'error' as const,
icon: <ErrorIcon fontSize={'small'} />,
tooltipTitle: `Failed on ${scheduledAt} because of ${
schedule.reason ?? schedule.failureReason
}`,
};
case 'suspended':
return schedule.reason;
return {
color: 'disabled' as const,
icon: <PauseCircle fontSize={'small'} />,
tooltipTitle: `Suspended because: ${schedule.reason}`,
};
default:
return `Scheduled for ${scheduledAt}`;
return {
color: 'warning' as const,
icon: <AccessTime fontSize={'small'} />,
tooltipTitle: `Scheduled for ${scheduledAt}`,
};
}
})();