MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-22 08:13:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Display only unseen notifications in the notification center and remove the past notifications section from the list

Browse Source
This commit is contained in:
pa
2026-02-21 19:05:46 +09:00
parent 472508248e
commit e2f6fbfc85
3 changed files with 28 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/Sidebar/components/NotificationCenterSheet.vue
View File

@@ -10,43 +10,40 @@
<TabsList class="mr-4 ml-2 mt-2 grid w-auto grid-cols-3">
<TabsTrigger value="friend">
{{ t('side_panel.notification_center.tab_friend') }}
<span v-if="activeCount.friend" class="ml-1 text-xs text-muted-foreground">
({{ activeCount.friend }})
<span v-if="unseenFriendNotifications.length" class="ml-1 text-xs text-muted-foreground">
({{ unseenFriendNotifications.length }})
</span>
</TabsTrigger>
<TabsTrigger value="group">
{{ t('side_panel.notification_center.tab_group') }}
<span v-if="activeCount.group" class="ml-1 text-xs text-muted-foreground">
({{ activeCount.group }})
<span v-if="unseenGroupNotifications.length" class="ml-1 text-xs text-muted-foreground">
({{ unseenGroupNotifications.length }})
</span>
</TabsTrigger>
<TabsTrigger value="other">
{{ t('side_panel.notification_center.tab_other') }}
<span v-if="activeCount.other" class="ml-1 text-xs text-muted-foreground">
({{ activeCount.other }})
<span v-if="unseenOtherNotifications.length" class="ml-1 text-xs text-muted-foreground">
({{ unseenOtherNotifications.length }})
</span>
</TabsTrigger>
</TabsList>
<TabsContent value="friend" class="mt-0 min-h-0 flex-1 overflow-hidden">
<NotificationList
:notifications="friendNotifications"
:unseen-ids="unseenNotifications"
:notifications="unseenFriendNotifications"
@show-invite-response="showSendInviteResponseDialog"
@show-invite-request-response="showSendInviteRequestResponseDialog"
@navigate-to-table="navigateToTable" />
</TabsContent>
<TabsContent value="group" class="mt-0 min-h-0 flex-1 overflow-hidden">
<NotificationList
:notifications="groupNotifications"
:unseen-ids="unseenNotifications"
:notifications="unseenGroupNotifications"
@show-invite-response="showSendInviteResponseDialog"
@show-invite-request-response="showSendInviteRequestResponseDialog"
@navigate-to-table="navigateToTable" />
</TabsContent>
<TabsContent value="other" class="mt-0 min-h-0 flex-1 overflow-hidden">
<NotificationList
:notifications="otherNotifications"
:unseen-ids="unseenNotifications"
:notifications="unseenOtherNotifications"
@show-invite-response="showSendInviteResponseDialog"
@show-invite-request-response="showSendInviteRequestResponseDialog"
@navigate-to-table="navigateToTable" />
@@ -65,7 +62,7 @@
<script setup>
import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { computed, ref } from 'vue';
import { ref } from 'vue';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
@@ -81,22 +78,11 @@
const { refreshInviteMessageTableData } = useInviteStore();
const { clearInviteImageUpload } = useGalleryStore();
const {
isNotificationCenterOpen,
friendNotifications,
groupNotifications,
otherNotifications,
unseenNotifications
} = storeToRefs(useNotificationStore());
const { isNotificationCenterOpen, unseenFriendNotifications, unseenGroupNotifications, unseenOtherNotifications } =
storeToRefs(useNotificationStore());
const activeTab = ref('friend');
const activeCount = computed(() => ({
friend: friendNotifications.value.length,
group: groupNotifications.value.length,
other: otherNotifications.value.length
}));
// Dialog state
const sendInviteResponseDialog = ref({
messageSlot: {},