1

src/components/rpg-entry/useRpgEntryLibraryDetail.ts

@@ -161,6 +161,27 @@ export function useRpgEntryLibraryDetail(
     [appendBrowseHistoryEntry, setSelectedDetailEntry, setSelectionStage],
   );
 
+  const loadGalleryDetailEntry = useCallback(
+    async (entry: CustomWorldGalleryCard) => {
+      const detailEntry = await getRpgEntryWorldGalleryDetail(
+        entry.ownerUserId,
+        entry.profileId,
+      );
+      void appendBrowseHistoryEntry({
+        ownerUserId: detailEntry.ownerUserId,
+        profileId: detailEntry.profileId,
+        worldName: detailEntry.worldName,
+        subtitle: detailEntry.subtitle,
+        summaryText: detailEntry.summaryText,
+        coverImageSrc: detailEntry.coverImageSrc,
+        themeMode: detailEntry.themeMode,
+        authorDisplayName: detailEntry.authorDisplayName,
+      });
+      return detailEntry;
+    },
+    [appendBrowseHistoryEntry],
+  );
+
   const openGalleryDetail = useCallback(
     async (entry: CustomWorldGalleryCard) => {
       setSelectionStage('detail');
@@ -168,26 +189,13 @@ export function useRpgEntryLibraryDetail(
       setDetailError(null);
 
       try {
-        const detailEntry = await getRpgEntryWorldGalleryDetail(
-          entry.ownerUserId,
-          entry.profileId,
-        );
+        const detailEntry = await loadGalleryDetailEntry(entry);
         setSelectedDetailEntry(detailEntry);
         if (detailEntry.publicWorkCode?.trim()) {
           pushAppHistoryPath(
             buildPublicWorkDetailPath(detailEntry.publicWorkCode),
           );
         }
-        void appendBrowseHistoryEntry({
-          ownerUserId: detailEntry.ownerUserId,
-          profileId: detailEntry.profileId,
-          worldName: detailEntry.worldName,
-          subtitle: detailEntry.subtitle,
-          summaryText: detailEntry.summaryText,
-          coverImageSrc: detailEntry.coverImageSrc,
-          themeMode: detailEntry.themeMode,
-          authorDisplayName: detailEntry.authorDisplayName,
-        });
       } catch (error) {
         setSelectedDetailEntry(null);
         setDetailError(
@@ -197,7 +205,11 @@ export function useRpgEntryLibraryDetail(
         setIsDetailLoading(false);
       }
     },
-    [appendBrowseHistoryEntry, setSelectedDetailEntry, setSelectionStage],
+    [
+      loadGalleryDetailEntry,
+      setSelectedDetailEntry,
+      setSelectionStage,
+    ],
   );
 
   const openSavedCustomWorldEditor = useCallback(
@@ -489,6 +501,7 @@ export function useRpgEntryLibraryDetail(
     isSelectedWorldOwned,
     openLibraryDetail,
     openGalleryDetail,
+    loadGalleryDetailEntry,
     openSavedCustomWorldEditor,
     handleOpenCreationWork,
     handlePublishSelectedWorld,