feat: add notification silence filter

flanksource · Nov 8, 2024 · 156cfde · 156cfde
1 parent a2de537
commit 156cfde
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/src/api/types/notifications.ts b/src/api/types/notifications.ts
@@ -45,6 +45,7 @@ export type NotificationRules = {
 
 export type SilenceNotificationResponse = {
   id: string;
+  filter?: string;
   component_id?: string;
   config_id?: string;
   check_id?: string;
@@ -85,6 +86,7 @@ export type NotificationSilenceItem = {
   id: string;
   namespace: string;
   description?: string;
+  filter?: string;
   from: string;
   until: string;
   recursive?: boolean;

diff --git a/src/components/Notifications/SilenceNotificationForm/NotificationSilenceForm.tsx b/src/components/Notifications/SilenceNotificationForm/NotificationSilenceForm.tsx
@@ -53,6 +53,7 @@ export default function NotificationSilenceForm({
       if (data.id) {
         return updateNotificationSilence({
           id: data.id,
+          filter: data.filter,
           updated_at: "now()",
           source: data.source,
           canary_id: data.canary_id,
@@ -126,6 +127,11 @@ export default function NotificationSilenceForm({
               label="Silence Duration"
             />
             <FormikTextArea name="description" label="Reason" />
+            <FormikTextArea
+              name="filter"
+              label="Filter"
+              hint="CEL expression for the silence to match against"
+            />
           </div>
           <div className={`${footerClassName}`}>
             {data?.id && (

diff --git a/src/components/Notifications/SilenceNotificationsList.tsx b/src/components/Notifications/SilenceNotificationsList.tsx
@@ -187,6 +187,20 @@ const silenceNotificationListColumns: MRT_ColumnDef<NotificationSilenceItemApiRe
         );
       }
     },
+
+    {
+      header: "Filter",
+      accessorKey: "filter",
+      size: 100,
+      Cell: ({ row }) => {
+        const isExpired = dayjs(row.original.until).isBefore(dayjs());
+        return (
+          <span className={clsx(isExpired && "line-through")}>
+            {row.original.filter}
+          </span>
+        );
+      }
+    },
     {
       header: "Reason",
       accessorKey: "description",