From f5486262d45207afc2e205310db9de48c40aa86c Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sat, 21 Feb 2026 20:18:49 +0900
Subject: [PATCH] add location

---
 src/stores/notification.js                    |  1 +
 .../Sidebar/components/NotificationItem.vue   | 29 ++++++++++++++++---
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/stores/notification.js b/src/stores/notification.js
index 903db2e4..4b351345 100644
--- a/src/stores/notification.js
+++ b/src/stores/notification.js
@@ -2651,6 +2651,7 @@ export const useNotificationStore = defineStore('Notification', () => {
     function deleteNotificationLogPrompt(row) {
         modalStore
             .confirm({
+                // TODO: type translation
                 description: t('confirm.delete_type', { type: row.type }),
                 title: t('confirm.title')
             })
diff --git a/src/views/Sidebar/components/NotificationItem.vue b/src/views/Sidebar/components/NotificationItem.vue
index e9068ee2..66d2a54a 100644
--- a/src/views/Sidebar/components/NotificationItem.vue
+++ b/src/views/Sidebar/components/NotificationItem.vue
@@ -18,6 +18,25 @@
                     v-if="!isNotificationExpired(notification) && !isSeen"
                     class="ml-auto size-2 shrink-0 rounded-full bg-blue-500" />
             </ItemTitle>
+            <ItemDescription v-if="notification.type === 'invite' && notification.details?.worldId" class="text-xs">
+                <Location
+                    :location="notification.details.worldId"
+                    :hint="notification.details.worldName || ''"
+                    :grouphint="notification.details.groupName || ''"
+                    link />
+            </ItemDescription>
+            <ItemDescription
+                v-else-if="
+                    (notification.type === 'group.queueReady' || notification.type === 'instance.closed') &&
+                    notification.location
+                "
+                class="text-xs">
+                <Location
+                    :location="notification.location"
+                    :hint="notification.worldName || ''"
+                    :grouphint="notification.groupName || ''"
+                    link />
+            </ItemDescription>
             <TooltipWrapper v-if="displayMessage" side="top" :content="displayMessage" :delay-duration="600">
                 <ItemDescription class="text-xs select-none">
                     {{ displayMessage }}
@@ -25,7 +44,7 @@
             </TooltipWrapper>
         </ItemContent>
 
-        <div class="flex shrink-0 flex-col items-end gap-1">
+        <div class="flex h-full shrink-0 flex-col items-end justify-between gap-1">
             <TooltipWrapper v-if="relativeTime" side="top" :content="absoluteTime">
                 <span class="text-[10px] text-muted-foreground whitespace-nowrap">
                     {{ relativeTime }}
@@ -145,6 +164,8 @@
     import { useGameStore, useGroupStore, useLocationStore, useNotificationStore, useUserStore } from '../../../stores';
     import { checkCanInvite, userImage } from '../../../shared/utils';
 
+    import Location from '../../../components/Location.vue';
+
     const props = defineProps({
         notification: { type: Object, required: true },
         isUnseen: { type: Boolean, default: false }
@@ -162,9 +183,9 @@
 
     const senderName = computed(() => {
         const n = props.notification;
-        if (n.senderUsername && n.senderUsername?.Value === null) {
-            return n.title || n.data?.groupName || n.groupName || n.details?.groupName || '';
-        }
+        // if (n.senderUsername && n.senderUsername?.Value === null) {
+        //     return n.title || n.data?.groupName || n.groupName || n.details?.groupName || '';
+        // }
         return n.senderUsername || n.data?.groupName || n.groupName || n.details?.groupName || '';
     });