refine notification filtering to exclude explicitly unseen notifications

This commit is contained in:
pa
2026-02-22 21:26:48 +09:00
committed by Natsumi
parent 581933f873
commit 8296d31e67
5 changed files with 13 additions and 10 deletions
+3 -3
View File
@@ -155,7 +155,7 @@ img.friends-list-avatar {
} }
.x-friend-item > .avatar.joinme::after { .x-friend-item > .avatar.joinme::after {
background: #409eff; background: #00b8ff;
mask-image: url(/images/masks/joinme.svg); mask-image: url(/images/masks/joinme.svg);
} }
@@ -241,7 +241,7 @@ i.x-user-status.online {
} }
i.x-user-status.joinme { i.x-user-status.joinme {
background: #409eff; background: #00b8ff;
mask-image: url(/images/masks/joinme.svg); mask-image: url(/images/masks/joinme.svg);
} }
@@ -260,7 +260,7 @@ i.x-status-icon.green {
} }
i.x-status-icon.blue { i.x-status-icon.blue {
background: #409eff; background: #00b8ff;
} }
i.x-status-icon.orange { i.x-status-icon.orange {
+3
View File
@@ -145,6 +145,7 @@ export const useNotificationStore = defineStore('Notification', () => {
friendNotifications.value.filter( friendNotifications.value.filter(
(n) => (n) =>
!unseenSet.value.has(n.id) && !unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value getNotificationTs(n) > recentCutoff.value
) )
); );
@@ -152,6 +153,7 @@ export const useNotificationStore = defineStore('Notification', () => {
groupNotifications.value.filter( groupNotifications.value.filter(
(n) => (n) =>
!unseenSet.value.has(n.id) && !unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value getNotificationTs(n) > recentCutoff.value
) )
); );
@@ -159,6 +161,7 @@ export const useNotificationStore = defineStore('Notification', () => {
otherNotifications.value.filter( otherNotifications.value.filter(
(n) => (n) =>
!unseenSet.value.has(n.id) && !unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value getNotificationTs(n) > recentCutoff.value
) )
); );
@@ -159,8 +159,8 @@
.friend-card__status-dot--active-join { .friend-card__status-dot--active-join {
background: transparent; background: transparent;
border: calc(2px * var(--card-scale)) solid #409eff; border: calc(2px * var(--card-scale)) solid #00b8ff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #409eff 40%, transparent); box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #00b8ff 40%, transparent);
} }
.friend-card__status-dot--active-ask { .friend-card__status-dot--active-ask {
@@ -176,8 +176,8 @@
} }
.friend-card__status-dot--join { .friend-card__status-dot--join {
background: #409eff; background: #00b8ff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #409eff 40%, transparent); box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #00b8ff 40%, transparent);
} }
.friend-card__status-dot--busy { .friend-card__status-dot--busy {
+2 -2
View File
@@ -1353,10 +1353,10 @@
</template> </template>
<template v-else-if="feed.type === 'OnPlayerJoined'"> <template v-else-if="feed.type === 'OnPlayerJoined'">
<span style="margin-left: 10px; color: #a3a3a3">has joined</span> <span style="margin-left: 10px; color: #a3a3a3">has joined</span>
<span v-if="feed.platform === 'Desktop'" style="color: #409eff; margin-left: 10px" <span v-if="feed.platform === 'Desktop'" style="color: #00b8ff; margin-left: 10px"
>Desktop</span >Desktop</span
> >
<span v-else-if="feed.platform === 'VR'" style="color: #409eff; margin-left: 10px">VR</span> <span v-else-if="feed.platform === 'VR'" style="color: #00b8ff; margin-left: 10px">VR</span>
<span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px" <span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px"
>Android</span >Android</span
> >
+1 -1
View File
@@ -400,7 +400,7 @@ i.x-user-status.online {
} }
i.x-user-status.joinme { i.x-user-status.joinme {
background: #409eff; background: #00b8ff;
mask-image: url(/images/masks/joinme.svg); mask-image: url(/images/masks/joinme.svg);
} }