From 939d7a304da30f65efbbbfbac2419f64eeddd665 Mon Sep 17 00:00:00 2001
From: Pujit Mehrotra <pujitm2009@gmail.com>
Date: Tue, 19 Nov 2024 13:51:01 -0500
Subject: [PATCH] feat(web): add an 'all' option to notification filter

allows users to "reset" after selecting a filter. ideally, we'd be able to
clear the filter if it was clicked again, but I couldn't find a way to listen
to a second/repeat click on a SelectItem, so I added a new filter item instead.
---
 web/components/Notifications/Sidebar.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
index cf2f54a59..8f09d9e3a 100644
--- a/web/components/Notifications/Sidebar.vue
+++ b/web/components/Notifications/Sidebar.vue
@@ -11,9 +11,7 @@ const { teleportTarget, determineTeleportTarget } = useTeleport();
 const importance = ref<Importance | undefined>(undefined);
 
 const confirmAndArchiveAll = async () => {
-  if (
-    confirm('This will archive all notifications on your Unraid server. Continue?')
-  ) {
+  if (confirm('This will archive all notifications on your Unraid server. Continue?')) {
     await archiveAll();
   }
 };
@@ -81,7 +79,7 @@ const confirmAndDeleteAll = async () => {
             <Select
               @update:model-value="
                 (val) => {
-                  importance = val as Importance;
+                  importance = val === 'all' ? undefined : (val as Importance);
                 }
               "
             >
@@ -91,7 +89,8 @@ const confirmAndDeleteAll = async () => {
               <SelectContent :to="teleportTarget">
                 <SelectGroup>
                   <SelectLabel>Notification Types</SelectLabel>
-                  <SelectItem :value="Importance.Alert">Alert</SelectItem>
+                  <SelectItem value="all">All Types</SelectItem>
+                  <SelectItem :value="Importance.Alert"> Alert </SelectItem>
                   <SelectItem :value="Importance.Info">Info</SelectItem>
                   <SelectItem :value="Importance.Warning">Warning</SelectItem>
                 </SelectGroup>