From 0f65b0ea7cdcaf92b6aa10ff10c68b4e181a321c Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 9 Jan 2025 15:44:06 +0100
Subject: [PATCH] fix unread notification tab and empty state

---
 src/views/Notifications.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/Notifications.vue b/src/views/Notifications.vue
index 51bf62a..9362a2c 100644
--- a/src/views/Notifications.vue
+++ b/src/views/Notifications.vue
@@ -31,7 +31,10 @@
           stroke-linejoin="round"
         />
       </svg>
-      <p>Vous n’avez pas de nouvelles notifications</p>
+      <p v-if="currentTab === 'all'">
+        Vous n’avez pas de nouvelles notifications
+      </p>
+      <p v-else>Vous n’avez pas de notifications non lues</p>
     </div>
     <section v-else class="notifications | flow">
       <template
@@ -91,9 +94,16 @@ const notificationComponents = {
 };
 
 const sortedNotifications = computed(() => {
-  return [...notifications.value].sort((a, b) => {
+  const sortedNotifications = [...notifications.value].sort((a, b) => {
     return dayjs(b.date).diff(dayjs(a.date));
   });
+
+  if (currentTab.value === "unread") {
+    return sortedNotifications.filter(
+      (notification) => notification.isread !== "true"
+    );
+  }
+  return sortedNotifications;
 });
 
 function changeTab(newValue) {