From 3d43e2419fd2d3234d9396e51e921ee478f6052a Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Fri, 27 Feb 2026 02:06:35 -0800
Subject: [PATCH] Update / Alert table filter selector formatted

---
 ui/src/pages/alerts.tsx  |  6 +++++-
 ui/src/pages/updates.tsx | 23 ++++++++++++++---------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/ui/src/pages/alerts.tsx b/ui/src/pages/alerts.tsx
index c7b98a2d2..160abea11 100644
--- a/ui/src/pages/alerts.tsx
+++ b/ui/src/pages/alerts.tsx
@@ -2,6 +2,7 @@ import { useAlertDetails } from "@/components/alerts/details";
 import AlertLevel from "@/components/alerts/level";
 import ResourceTypeSelector from "@/components/resource-type-selector";
 import { alertLevelIntention } from "@/lib/color";
+import { fmtUpperCamelcase } from "@/lib/formatting";
 import { useRead } from "@/lib/hooks";
 import { UsableResource } from "@/resources";
 import ResourceLink from "@/resources/link";
@@ -114,7 +115,10 @@ export default function Alerts() {
               }
               setParams(p);
             }}
-            data={alertTypes}
+            data={alertTypes.map((value) => ({
+              value,
+              label: fmtUpperCamelcase(value),
+            }))}
             searchable
             clearable
           />
diff --git a/ui/src/pages/updates.tsx b/ui/src/pages/updates.tsx
index 4eeea805b..679cbf889 100644
--- a/ui/src/pages/updates.tsx
+++ b/ui/src/pages/updates.tsx
@@ -1,7 +1,11 @@
 import ResourceTypeSelector from "@/components/resource-type-selector";
 import { useUpdateDetails } from "@/components/updates/details";
 import UserAvatar from "@/components/user-avatar";
-import { fmtDateWithMinutes, fmtOperation } from "@/lib/formatting";
+import {
+  fmtDateWithMinutes,
+  fmtOperation,
+  fmtUpperCamelcase,
+} from "@/lib/formatting";
 import { useRead, useSetTitle } from "@/lib/hooks";
 import { UsableResource } from "@/resources";
 import ResourceLink from "@/resources/link";
@@ -94,13 +98,12 @@ export default function Updates() {
               }
               setParams(p);
             }}
-            data={
-              type
-                ? OPERATIONS_BY_RESOURCE[type]
-                : Object.values(Types.Operation).filter(
-                    (o) => o !== Types.Operation.None,
-                  )
-            }
+            data={(type
+              ? OPERATIONS_BY_RESOURCE[type]
+              : Object.values(Types.Operation).filter(
+                  (o) => o !== Types.Operation.None,
+                )
+            ).map((value) => ({ value, label: fmtUpperCamelcase(value) }))}
             searchable
             clearable
           />
@@ -209,7 +212,9 @@ export default function Updates() {
             {
               header: "Operator",
               accessorKey: "operator",
-              cell: ({ row }) => <UserAvatar userId={row.original.operator} fz="md" />,
+              cell: ({ row }) => (
+                <UserAvatar userId={row.original.operator} fz="md" />
+              ),
             },
           ]}
           onRowClick={(row) => openDetails(row.id)}