feat(web): add confirmation before archiving or deleting all notifications

pujitm · pujitm · commit 8761d05f81ad · 2024-11-18T13:41:23.000-05:00
diff --git a/web/components/Notifications/Sidebar.vue b/web/components/Notifications/Sidebar.vue
@@ -9,6 +9,22 @@ const { mutate: archiveAll, loading: loadingArchiveAll } = useMutation(archiveAl
 const { mutate: deleteAll, loading: loadingDeleteAll } = useMutation(deleteAllNotifications);
 const { teleportTarget, determineTeleportTarget } = useTeleport();
 const importance = ref<Importance | undefined>(undefined);
+
+const confimAndArchiveAll = async () => {
+  if (
+    confirm('This will archive all notifications on your Unraid server. Continue?')
+  ) {
+    await deleteAll();
+  }
+};
+
+const confimAndDeleteAll = async () => {
+  if (
+    confirm('This will permanently delete all notifications currently on your Unraid server. Continue?')
+  ) {
+    await deleteAll();
+  }
+};
 </script>
 
 <template>
@@ -45,7 +61,7 @@ const importance = ref<Importance | undefined>(undefined);
                 variant="link"
                 size="sm"
                 class="text-muted-foreground text-base p-0"
-                @click="archiveAll"
+                @click="confimAndArchiveAll"
               >
                 Archive All
               </Button>
@@ -56,7 +72,7 @@ const importance = ref<Importance | undefined>(undefined);
                 variant="link"
                 size="sm"
                 class="text-muted-foreground text-base p-0"
-                @click="deleteAll"
+                @click="confimAndDeleteAll"
               >
                 Delete All
               </Button>
