From ab0783f64f5dfa7667209e777fbcb594513306bd Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sat, 28 Feb 2026 14:47:39 +0900
Subject: [PATCH] auto switch corresponding tab when the notification center is
 opened

---
 .../components/NotificationCenterSheet.vue       | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/Sidebar/components/NotificationCenterSheet.vue b/src/views/Sidebar/components/NotificationCenterSheet.vue
index e65fa617..38fcd608 100644
--- a/src/views/Sidebar/components/NotificationCenterSheet.vue
+++ b/src/views/Sidebar/components/NotificationCenterSheet.vue
@@ -65,7 +65,7 @@
 <script setup>
     import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
     import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-    import { ref } from 'vue';
+    import { ref, watch } from 'vue';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
     import { useRouter } from 'vue-router';
@@ -93,6 +93,20 @@
 
     const activeTab = ref('friend');
 
+    watch(isNotificationCenterOpen, (open) => {
+        if (open) {
+            if (unseenFriendNotifications.value.length) {
+                activeTab.value = 'friend';
+            } else if (unseenGroupNotifications.value.length) {
+                activeTab.value = 'group';
+            } else if (unseenOtherNotifications.value.length) {
+                activeTab.value = 'other';
+            } else {
+                activeTab.value = 'friend';
+            }
+        }
+    });
+
     // Dialog state
     const sendInviteResponseDialog = ref({
         messageSlot: {},