From 621f53e00f6495eb3c74c070d7783bc97b802a67 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Wed, 18 Mar 2026 11:37:04 +0900
Subject: [PATCH] fix: favorites world search result style

---
 src/views/Favorites/FavoritesWorld.vue | 40 +++++++-------------------
 1 file changed, 10 insertions(+), 30 deletions(-)

diff --git a/src/views/Favorites/FavoritesWorld.vue b/src/views/Favorites/FavoritesWorld.vue
index 075643d0..67b43231 100644
--- a/src/views/Favorites/FavoritesWorld.vue
+++ b/src/views/Favorites/FavoritesWorld.vue
@@ -258,36 +258,17 @@
                         <div ref="worldFavoritesContainerRef" class="flex-1 min-h-0">
                             <template v-if="isSearchActive">
                                 <div class="h-full pr-2 overflow-auto">
-                                    <div
-                                        v-if="worldFavoriteSearchResults.length"
-                                        class="favorites-search-grid"
-                                        :style="worldFavoritesGridStyle(worldFavoriteSearchResults.length)">
+                                    <template v-if="worldFavoriteSearchResults.length">
                                         <div
-                                            v-for="favorite in worldFavoriteSearchResults"
-                                            :key="favorite.id"
-                                            class="favorites-search-card x-hover-card hover:shadow-sm"
-                                            @click="showWorldDialog(favorite.id)">
-                                            <div class="favorites-search-card__content">
-                                                <div
-                                                    class="favorites-search-card__avatar"
-                                                    :class="{ 'is-empty': !favorite.thumbnailImageUrl }">
-                                                    <img
-                                                        v-if="favorite.thumbnailImageUrl"
-                                                        :src="favorite.thumbnailImageUrl"
-                                                        loading="lazy" />
-                                                </div>
-                                                <div class="favorites-search-card__detail">
-                                                    <span class="name">{{ favorite.name || favorite.id }}</span>
-                                                    <span class="text-xs">
-                                                        {{ favorite.authorName }}
-                                                        <template v-if="favorite.occupants">
-                                                            ({{ favorite.occupants }})
-                                                        </template>
-                                                    </span>
-                                                </div>
-                                            </div>
+                                            class="favorites-card-list"
+                                            :style="worldFavoritesGridStyle(worldFavoriteSearchResults.length)">
+                                            <FavoritesWorldItem
+                                                v-for="favorite in worldFavoriteSearchResults"
+                                                :key="favorite.id"
+                                                :favorite="favorite"
+                                                is-local-favorite />
                                         </div>
-                                    </div>
+                                    </template>
                                     <div v-else class="flex items-center justify-center text-[13px] h-full">
                                         <DataTableEmpty type="nomatch" />
                                     </div>
@@ -387,8 +368,7 @@
         DropdownMenuSubTrigger,
         DropdownMenuTrigger
     } from '../../components/ui/dropdown-menu';
-    import { useAppearanceSettingsStore, useFavoriteStore, useModalStore, useWorldStore } from '../../stores';
-    import { showWorldDialog } from '../../coordinators/worldCoordinator';
+    import { useAppearanceSettingsStore, useFavoriteStore, useModalStore } from '../../stores';
     import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../components/ui/resizable';
     import { favoriteRequest, worldRequest } from '../../api';
     import { debounce } from '../../shared/utils';