openstatus.dev
Openstatus
www.openstatus.dev
chore: add banner (#1034)
authored by
Maximilian Kaske
and committed by
GitHub
c441b67b
a07f01c9
+41
-7
+17
-7
apps/web/src/app/app/[workspaceSlug]/(dashboard)/incidents/(overview)/page.tsx
+17
-7
apps/web/src/app/app/[workspaceSlug]/(dashboard)/incidents/(overview)/page.tsx
···
4
4
import { columns } from "@/components/data-table/incident/columns";
5
5
import { DataTable } from "@/components/data-table/incident/data-table";
6
6
import { api } from "@/trpc/server";
7
+
import { ReportInfoBanner } from "./report-info-banner";
7
8
8
9
export default async function IncidentPage() {
9
-
const incidents = await api.incident.getIncidentsByWorkspace.query();
10
+
const [incidents, statusReports] = await Promise.all([
11
+
api.incident.getIncidentsByWorkspace.query(),
12
+
api.statusReport.getStatusReportByWorkspace.query(),
13
+
]);
14
+
15
+
console.log(statusReports);
10
16
11
17
if (incidents?.length === 0)
12
18
return (
13
-
<EmptyState
14
-
icon="siren"
15
-
title="No incidents"
16
-
description="Hopefully you will see this screen for a long time."
17
-
action={undefined}
18
-
/>
19
+
<>
20
+
<EmptyState
21
+
icon="siren"
22
+
title="No incidents"
23
+
description="Hopefully you will see this screen for a long time."
24
+
action={undefined}
25
+
/>
26
+
{!statusReports.length ? <ReportInfoBanner /> : null}
27
+
</>
19
28
);
20
29
21
30
return (
22
31
<>
23
32
<DataTable columns={columns} data={incidents} />
33
+
{!statusReports.length ? <ReportInfoBanner /> : null}
24
34
</>
25
35
);
26
36
}