openstatus.dev
Openstatus
www.openstatus.dev
1import type { StatusDetails, StatusVariant } from "./types";
2import { Status } from "./types";
3
4export const statusDetails: Record<Status, StatusDetails> = {
5 [Status.Operational]: {
6 long: "All Systems Operational",
7 short: "Operational",
8 variant: "up",
9 },
10 [Status.DegradedPerformance]: {
11 long: "Degraded Performance",
12 short: "Degraded",
13 variant: "degraded",
14 },
15 [Status.PartialOutage]: {
16 long: "Partial Outage",
17 short: "Outage",
18 variant: "down",
19 },
20 [Status.MajorOutage]: {
21 long: "Major Outage",
22 short: "Outage",
23 variant: "down",
24 },
25 [Status.UnderMaintenance]: {
26 long: "Under Maintenance",
27 short: "Maintenance",
28 variant: "maintenance",
29 },
30 [Status.Unknown]: {
31 long: "Unknown",
32 short: "Unknown",
33 variant: "empty",
34 },
35 [Status.Incident]: {
36 long: "Downtime",
37 short: "Downtime",
38 variant: "incident",
39 },
40};
41
42// TODO: include more variants especially for the '< 10 min' incidents e.g.
43// REMINDER: add `@openstatus/tracker/src/**/*.ts into tailwindcss content prop */
44export const classNames: Record<StatusVariant, string> = {
45 up: "bg-status-operational/90 data-[state=open]:bg-status-operational border-status-operational",
46 degraded:
47 "bg-status-degraded/90 data-[state=open]:bg-status-degraded border-status-degraded",
48 down: "bg-status-down/90 data-[state=open]:bg-status-down border-status-down",
49 empty: "bg-muted-foreground/20 data-[state=open]:bg-muted-foreground/30",
50 incident:
51 "bg-status-down/90 data-[state=open]:bg-status-down border-status-down",
52 maintenance:
53 "bg-status-monitoring/90 data-[state=open]:bg-status-monitoring border-status-monitoring",
54};