Remove unread message after marking read

frontend_nuxt/pages/message.vue

@@ -524,7 +524,7 @@ import {
   fetchNotifications,
   fetchUnreadCount,
   isLoadingMessage,
-  markRead,
+  markRead as markNotificationRead,
   notifications,
   markAllRead,
   hasMore,
@@ -579,6 +579,14 @@ const togglePref = async (pref) => {
   }
 }
 
+const markRead = async (id) => {
+  await markNotificationRead(id)
+  if (selectedTab.value === 'unread') {
+    const index = notifications.value.findIndex((n) => n.id === id)
+    if (index !== -1) notifications.value.splice(index, 1)
+  }
+}
+
 const approve = async (id, nid) => {
   const token = getToken()
   if (!token) return