From 1bd53097ec3ee5f23607baf09c5c72aa0bb78570 Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Fri, 8 Dec 2023 10:18:01 -0500
Subject: [PATCH] feat: alerts dialog all filter

---
 .changeset/witty-peaches-help.md              |  7 +++++
 apps/renterd/dialogs/AlertsDialog.tsx         |  5 ++++
 .../src/app/AlertsDialog/index.tsx            | 26 +++++++------------
 3 files changed, 22 insertions(+), 16 deletions(-)
 create mode 100644 .changeset/witty-peaches-help.md

diff --git a/.changeset/witty-peaches-help.md b/.changeset/witty-peaches-help.md
new file mode 100644
index 000000000..37a8ac315
--- /dev/null
+++ 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
index 07d847119..7d3d7bde9 100644
--- 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
index 21bc2b1b7..5202515bd 100644
--- 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>