Notifications page : mark all as read working

src/stores/api.js

@@ -212,6 +212,24 @@ export const useApiStore = defineStore("api", () => {
     }
   }
 
+  async function readAllNotifications() {
+    try {
+      const response = await fetch("/read-all-notifications.json");
+      if (!response.ok) {
+        console.log(response);
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+      if (data.error) {
+        throw new Error(data);
+      } else {
+        console.log("All notifications read.");
+      }
+    } catch (error) {
+      throw error;
+    }
+  }
+
   return {
     fetchDataThroughKQL,
     fetchData,
@@ -220,5 +238,6 @@ export const useApiStore = defineStore("api", () => {
     deleteComment,
     replyComment,
     readNotification,
+    readAllNotifications,
   };
 });

src/stores/user.js

@@ -18,5 +18,11 @@ export const useUserStore = defineStore("user", () => {
     });
   }
 
-  return { user, notifications, readNotification };
+  function readAllNotifications(notificationId) {
+    user.value.notifications.forEach((notification) => {
+      notification.isRead = true;
+    });
+  }
+
+  return { user, notifications, readNotification, readAllNotifications };
 });