Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
2.5 kB · 82 lines
TypeScript
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283import type { RouterOutputs } from "@openstatus/api";import { Plus } from "lucide-react";
import { STATUS_PAGE_TABS } from "@/app/(dashboard)/status-pages/[id]/constants";
import type { CommandMenuGroup, CommandMenuItem, CommandPage } from "../types";import { createMaintenanceItem, createStatusReportItem } from "./static";
type StatusReport = RouterOutputs["statusReport"]["list"][number];type Maintenance = RouterOutputs["maintenance"]["list"][number];
export function statusPageScopeGroups({ page, statusReports, maintenances,}: { page: Extract<CommandPage, { type: "status-page" }>; statusReports: StatusReport[] | undefined; maintenances: Maintenance[] | undefined;}): CommandMenuGroup[] { const pageReports = statusReports?.filter((r) => r.pageId === page.id) ?? []; const unresolvedReports = pageReports.filter((r) => r.status !== "resolved"); const pageMaintenances = maintenances?.filter((m) => m.pageId === page.id) ?? [];
const actionItems: CommandMenuItem[] = [ createStatusReportItem(page.id), createMaintenanceItem(page.id), ...unresolvedReports.map((report) => ({ value: `add-update-${report.id}`, label: `Add Update to ${report.title}`, icon: Plus, keywords: ["update", "status report update", report.title], action: { type: "sheet" as const, sheet: { sheet: "status-report-update" as const, reportId: report.id }, }, })), ];
return [ { heading: "Actions", items: actionItems }, { heading: "Status Reports", items: pageReports.map((report) => ({ value: `status-report-${report.id}`, label: report.title, description: report.status, keywords: [report.title, report.status], action: { type: "navigate", href: `/status-pages/${page.id}/status-reports/${report.id}`, }, })), }, { heading: "Maintenances", items: pageMaintenances.map((m) => ({ value: `maintenance-${m.id}`, label: m.title, description: m.from.toLocaleString(), keywords: [m.title], action: { type: "navigate", href: `/status-pages/${page.id}/maintenances`, }, })), }, { heading: "Pages", items: STATUS_PAGE_TABS.map((tab) => ({ value: tab.label, label: tab.label, icon: tab.icon, action: { type: "navigate", href: `/status-pages/${page.id}/${tab.value}`, }, })), }, ];}