mirrors/oneuptime
1
0
Fork 0
mirror of https://github.com/OneUptime/oneuptime synced 2024-11-21 22:59:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

add categorization to overview

Browse Source
This commit is contained in:
Simon Larsen 2023-11-02 19:00:30 +00:00
parent bd587b210e
commit 60d0f188ad
No known key found for this signature in database
GPG Key ID: AB45983AA9C81CDE
1 changed files with 67 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
StatusPage/src/Pages/Overview/Overview.tsx
View File

@ -49,6 +49,7 @@ import MarkdownViewer from 'CommonUI/src/Components/Markdown.tsx/MarkdownViewer'
import StatusPageUtil from '../../Utils/StatusPage';
import HTTPErrorResponse from 'Common/Types/API/HTTPErrorResponse';
import { STATUS_PAGE_API_URL } from '../../Utils/Config';
import Section from '../../Components/Section/Section';
const Overview: FunctionComponent<PageComponentProps> = (
props: PageComponentProps
@ -634,6 +635,11 @@ const Overview: FunctionComponent<PageComponentProps> = (
return <></>;
};
const activeIncidentsInIncidentGroup: Array<IncidentGroup> =
getActiveIncidents();
const activeScheduledMaintenanceEventsInScheduledMaintenanceGroup: Array<ScheduledMaintenanceGroup> =
getOngoingScheduledEvents();
return (
<Page>
{isLoading ? <PageLoader isVisible={true} /> : <></>}
@ -675,55 +681,6 @@ const Overview: FunctionComponent<PageComponentProps> = (
)}
</div>
{/* Load Active Incident */}
<div id="incidents-list">
{getActiveIncidents().map(
(incidentGroup: IncidentGroup, i: number) => {
return (
<EventItem
isDetailItem={false}
key={i}
{...getIncidentEventItem(
incidentGroup.incident,
incidentGroup.publicNotes,
incidentGroup.incidentStateTimelines,
incidentGroup.incidentResources,
incidentGroup.monitorsInGroup,
StatusPageUtil.isPreviewPage(),
true
)}
/>
);
}
)}
</div>
{/* Load Active ScheduledEvent */}
<div id="scheduled-events-list">
{getOngoingScheduledEvents().map(
(
scheduledEventGroup: ScheduledMaintenanceGroup,
i: number
) => {
return (
<EventItem
key={i}
isDetailItem={false}
{...getScheduledEventEventItem(
scheduledEventGroup.scheduledMaintenance,
scheduledEventGroup.publicNotes,
scheduledEventGroup.scheduledMaintenanceStateTimelines,
scheduledEventGroup.scheduledEventResources,
scheduledEventGroup.monitorsInGroup,
StatusPageUtil.isPreviewPage(),
true
)}
/>
);
}
)}
</div>
<div>
{currentStatus && statusPageResources.length > 0 && (
<Alert
@ -746,7 +703,7 @@ const Overview: FunctionComponent<PageComponentProps> = (
</div>
{statusPageResources.length > 0 && (
<div className="bg-white pl-5 pr-5 mt-5 rounded-xl shadow space-y-5">
<div className="bg-white pl-5 pr-5 mt-5 rounded-xl shadow space-y-5 mb-6">
<AccordionGroup>
{statusPageResources.filter(
(resources: StatusPageResource) => {
@ -810,8 +767,66 @@ const Overview: FunctionComponent<PageComponentProps> = (
</div>
)}
{getActiveIncidents().length === 0 &&
getOngoingScheduledEvents().length === 0 &&
{/* Load Active Incident */}
{activeIncidentsInIncidentGroup.length > 0 && (
<div id="incidents-list mt-2">
<Section title="Active Incidents" />
{activeIncidentsInIncidentGroup.map(
(incidentGroup: IncidentGroup, i: number) => {
return (
<EventItem
isDetailItem={false}
key={i}
{...getIncidentEventItem(
incidentGroup.incident,
incidentGroup.publicNotes,
incidentGroup.incidentStateTimelines,
incidentGroup.incidentResources,
incidentGroup.monitorsInGroup,
StatusPageUtil.isPreviewPage(),
true
)}
/>
);
}
)}
</div>
)}
{/* Load Active ScheduledEvent */}
{activeScheduledMaintenanceEventsInScheduledMaintenanceGroup &&
activeScheduledMaintenanceEventsInScheduledMaintenanceGroup.length >
0 && (
<div id="scheduled-events-list mt-2">
<Section title="Scheduled Maintenance Events" />
{activeScheduledMaintenanceEventsInScheduledMaintenanceGroup.map(
(
scheduledEventGroup: ScheduledMaintenanceGroup,
i: number
) => {
return (
<EventItem
key={i}
isDetailItem={false}
{...getScheduledEventEventItem(
scheduledEventGroup.scheduledMaintenance,
scheduledEventGroup.publicNotes,
scheduledEventGroup.scheduledMaintenanceStateTimelines,
scheduledEventGroup.scheduledEventResources,
scheduledEventGroup.monitorsInGroup,
StatusPageUtil.isPreviewPage(),
true
)}
/>
);
}
)}
</div>
)}
{activeIncidentsInIncidentGroup.length === 0 &&
activeScheduledMaintenanceEventsInScheduledMaintenanceGroup.length ===
0 &&
statusPageResources.length === 0 &&
activeAnnouncements.length === 0 &&
!isLoading &&