feat: alerts dialog all filter

SiaFoundation · Dec 8, 2023 · 1bd5309 · 1bd5309
1 parent 7bb39ff
commit 1bd5309
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 16 deletions.
diff --git a/.changeset/witty-peaches-help.md b/.changeset/witty-peaches-help.md
@@ -0,0 +1,7 @@
+---
+'hostd': minor
+'renterd': minor
+'@siafoundation/design-system': minor
+---
+
+The alerts dialog now has an "all" filter.
diff --git a/apps/renterd/dialogs/AlertsDialog.tsx b/apps/renterd/dialogs/AlertsDialog.tsx
@@ -183,6 +183,11 @@ const dataFields: Record<
         params: {
           key: value,
         },
+        config: {
+          swr: {
+            revalidateOnFocus: false,
+          },
+        },
       })
       return (
         <>

diff --git a/libs/design-system/src/app/AlertsDialog/index.tsx b/libs/design-system/src/app/AlertsDialog/index.tsx
@@ -98,39 +98,33 @@ export function AlertsDialog({
             Alerts {alerts.data ? `(${alerts.data.length})` : ''}
           </Heading>
           <div className="flex gap-1">
+            <Button
+              variant={filter === undefined ? 'accent' : 'gray'}
+              onClick={() => setFilter(undefined)}
+            >
+              all
+            </Button>
             <Button
               variant={filter === 'info' ? 'accent' : 'gray'}
-              onClick={() =>
-                filter === 'info' ? setFilter(undefined) : setFilter('info')
-              }
+              onClick={() => setFilter('info')}
             >
               info
             </Button>
             <Button
               variant={filter === 'warning' ? 'accent' : 'gray'}
-              onClick={() =>
-                filter === 'warning'
-                  ? setFilter(undefined)
-                  : setFilter('warning')
-              }
+              onClick={() => setFilter('warning')}
             >
               warning
             </Button>
             <Button
               variant={filter === 'error' ? 'accent' : 'gray'}
-              onClick={() =>
-                filter === 'error' ? setFilter(undefined) : setFilter('error')
-              }
+              onClick={() => setFilter('error')}
             >
               error
             </Button>
             <Button
               variant={filter === 'critical' ? 'accent' : 'gray'}
-              onClick={() =>
-                filter === 'critical'
-                  ? setFilter(undefined)
-                  : setFilter('critical')
-              }
+              onClick={() => setFilter('critical')}
             >
               critical
             </Button>