diff --git a/apps/dashboard/src/app/(dashboard)/monitors/[id]/nav-actions.tsx b/apps/dashboard/src/app/(dashboard)/monitors/[id]/nav-actions.tsx
index fd4b6349..82c08d34 100644
--- a/apps/dashboard/src/app/(dashboard)/monitors/[id]/nav-actions.tsx
+++ b/apps/dashboard/src/app/(dashboard)/monitors/[id]/nav-actions.tsx
@@ -158,24 +158,37 @@ export function NavActions() {
- {!monitor.active ? (
-
-
-
- ) : monitor.status === "active" ? (
-
-
-
-
- ) : monitor.status === "error" ? (
-
-
-
- ) : (
-
-
-
- )}
+
+
+ {!monitor.active ? (
+
+
+
+ ) : monitor.status === "active" ? (
+
+
+
+
+ ) : monitor.status === "error" ? (
+
+
+
+ ) : (
+
+
+
+ )}
+
+
+ {!monitor.active
+ ? "Inactive"
+ : monitor.status === "active"
+ ? "Normal"
+ : monitor.status === "error"
+ ? "Failing"
+ : "Degraded"}
+
+
diff --git a/apps/dashboard/src/components/data-table/private-locations/columns.tsx b/apps/dashboard/src/components/data-table/private-locations/columns.tsx
index 38d4c655..d01f8cc2 100644
--- a/apps/dashboard/src/components/data-table/private-locations/columns.tsx
+++ b/apps/dashboard/src/components/data-table/private-locations/columns.tsx
@@ -1,18 +1,24 @@
"use client";
import type { RouterOutputs } from "@openstatus/api";
-import { Badge } from "@openstatus/ui/components/ui/badge";
import type { ColumnDef } from "@tanstack/react-table";
import Link from "next/link";
import { DataTableColumnHeader } from "@/components/ui/data-table/data-table-column-header";
+import { cn } from "@/lib/utils";
import { TableCellBadge } from "../table-cell-badge";
import { TableCellDate } from "../table-cell-date";
+import { TableCellText } from "../table-cell-text";
import { DataTableRowActions } from "./data-table-row-actions";
type PrivateLocation = RouterOutputs["privateLocation"]["list"][number];
+const statusClassName: Record = {
+ active: "text-success",
+ error: "text-destructive",
+};
+
export const columns: ColumnDef[] = [
{
accessorKey: "name",
@@ -28,15 +34,12 @@ export const columns: ColumnDef[] = [
),
enableHiding: false,
cell: ({ row }) => {
- const status = row.getValue("status");
- const isError = status === "error";
+ const value = String(row.getValue("status"));
return (
-
- {isError ? "Error" : "Active"}
-
+
);
},
},