From 1560099fe1a26229f1584223064f9a4cd4e1607e Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Wed, 30 Oct 2024 21:03:54 +0100
Subject: [PATCH] chore: add monitor type filter (#1077)

---
 apps/web/src/components/data-table/monitor/columns.tsx |  9 +++++++++
 .../data-table/monitor/data-table-toolbar.tsx          | 10 ++++++++++
 .../src/components/data-table/monitor/data-table.tsx   |  5 +++--
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/data-table/monitor/columns.tsx b/apps/web/src/components/data-table/monitor/columns.tsx
index 18d935bd..2a6e7170 100644
--- a/apps/web/src/components/data-table/monitor/columns.tsx
+++ b/apps/web/src/components/data-table/monitor/columns.tsx
@@ -46,6 +46,15 @@ export const columns: ColumnDef<{
     accessorKey: "id",
     accessorFn: (row) => row.monitor.id,
   },
+  {
+    id: "jobType",
+    accessorKey: "jobType",
+    accessorFn: (row) => row.monitor.jobType,
+    filterFn: (row, _id, value) => {
+      if (!Array.isArray(value)) return true;
+      return value.includes(row.original.monitor.jobType);
+    },
+  },
   {
     id: "select",
     header: ({ table }) => (
diff --git a/apps/web/src/components/data-table/monitor/data-table-toolbar.tsx b/apps/web/src/components/data-table/monitor/data-table-toolbar.tsx
index b3f2ee47..5caae51b 100644
--- a/apps/web/src/components/data-table/monitor/data-table-toolbar.tsx
+++ b/apps/web/src/components/data-table/monitor/data-table-toolbar.tsx
@@ -60,6 +60,16 @@ export function DataTableToolbar<TData>({
             ]}
           />
         )}
+        {table.getColumn("jobType") && (
+          <DataTableFacetedFilter
+            column={table.getColumn("jobType")}
+            title="Type"
+            options={[
+              { label: "HTTP", value: "http" },
+              { label: "TCP", value: "tcp" },
+            ]}
+          />
+        )}
         {isFiltered && (
           <Button
             variant="ghost"
diff --git a/apps/web/src/components/data-table/monitor/data-table.tsx b/apps/web/src/components/data-table/monitor/data-table.tsx
index a8c65b42..fdeaaedc 100644
--- a/apps/web/src/components/data-table/monitor/data-table.tsx
+++ b/apps/web/src/components/data-table/monitor/data-table.tsx
@@ -56,8 +56,9 @@ export function DataTable<TData, TValue>({
     React.useState<ColumnFiltersState>(defaultColumnFilters);
   const [columnVisibility, setColumnVisibility] =
     React.useState<VisibilityState>({
-      public: false, // default is true
-      id: false, // we hide the id column
+      public: false,
+      id: false,
+      jobType: false,
     });
 
   const [pagination, setPagination] =
-- 
2.51.2