From a1c116a69746de05b163dd89421692d5eb156c6c Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 20 Aug 2023 01:23:09 +0800
Subject: [PATCH] fix: fix duplicate request issue

---
 src/components/Topbar/Topbar.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Topbar/Topbar.vue b/src/components/Topbar/Topbar.vue
index 75f5b28c..74a31129 100644
--- a/src/components/Topbar/Topbar.vue
+++ b/src/components/Topbar/Topbar.vue
@@ -42,7 +42,9 @@ const avatarShadow = ref<HTMLImageElement>() as Ref<HTMLImageElement>
 
 watch(
   showNotificationsPop,
-  (newVal) => {
+  (newVal, oldVal) => {
+    if (newVal === oldVal)
+      return
     if (!newVal)
       getUnreadMessageCount()
   },
@@ -50,7 +52,9 @@ watch(
 
 watch(
   showMomentsPop,
-  (newVal) => {
+  (newVal, oldVal) => {
+    if (newVal === oldVal)
+      return
     if (!newVal)
       getNewMomentsCount()
   },
@@ -314,7 +318,7 @@ function getNewMomentsCount() {
           <div
             class="right-side-item"
             :class="{ active: showNotificationsPop }"
-            @mouseenter="showNotificationsPop = true"
+            @mouseenter="showNotificationsPop = true; unReadMessageCount = 0"
             @mouseleave="showNotificationsPop = false"
           >
             <div v-if="unReadMessageCount !== 0" class="unread-message">