From 6b564cd63c04b82ebc4f290ccdb66f86b8feb8a2 Mon Sep 17 00:00:00 2001
From: midzelis <min123@gmail.com>
Date: Thu, 14 Aug 2025 21:16:22 +0000
Subject: [PATCH] Rename and relocate asset-grid-without-scrubber to
 timeline-viewer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Rename asset-grid-without-scrubber.svelte to timeline-viewer.svelte
• Move timeline-viewer.svelte to lib/components/timeline-viewer/
• Move skeleton.svelte to lib/components/timeline-viewer/
• Update imports in asset-grid.svelte
---
 .../components/photos-page/asset-grid.svelte  |  6 +++---
 .../skeleton.svelte                           |  0
 .../timeline-viewer.svelte}                   | 19 +------------------
 3 files changed, 4 insertions(+), 21 deletions(-)
 rename web/src/lib/components/{photos-page => timeline-viewer}/skeleton.svelte (100%)
 rename web/src/lib/components/{photos-page/asset-grid-without-scrubber.svelte => timeline-viewer/timeline-viewer.svelte} (95%)

diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index 61c5193219..d5708566dd 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import AssetGridWithoutScrubber from '$lib/components/photos-page/asset-grid-without-scrubber.svelte';
+  import TimelineViewer from '$lib/components/timeline-viewer/timeline-viewer.svelte';
   import { AssetAction } from '$lib/constants';
   import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
   import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
@@ -185,7 +185,7 @@
   };
 </script>
 
-<AssetGridWithoutScrubber
+<TimelineViewer
   {isSelectionMode}
   {singleSelect}
   {enableRouting}
@@ -220,4 +220,4 @@
       />
     {/if}
   {/snippet}
-</AssetGridWithoutScrubber>
+</TimelineViewer>
diff --git a/web/src/lib/components/photos-page/skeleton.svelte b/web/src/lib/components/timeline-viewer/skeleton.svelte
similarity index 100%
rename from web/src/lib/components/photos-page/skeleton.svelte
rename to web/src/lib/components/timeline-viewer/skeleton.svelte
diff --git a/web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte b/web/src/lib/components/timeline-viewer/timeline-viewer.svelte
similarity index 95%
rename from web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte
rename to web/src/lib/components/timeline-viewer/timeline-viewer.svelte
index 9ee5d16d73..982895a70f 100644
--- a/web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte
+++ b/web/src/lib/components/timeline-viewer/timeline-viewer.svelte
@@ -5,9 +5,8 @@
   import AssetDateGroupSelectionAware from '$lib/components/photos-page/asset-date-group-selection-aware.svelte';
   import AssetGridActions from '$lib/components/photos-page/asset-grid-actions.svelte';
   import AssetGridAssetViewer from '$lib/components/photos-page/asset-grid-asset-viewer.svelte';
-  import Skeleton from '$lib/components/photos-page/skeleton.svelte';
+  import Skeleton from '$lib/components/timeline-viewer/skeleton.svelte';
   import { AssetAction } from '$lib/constants';
-  import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
   import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
   import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
   import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
@@ -47,18 +46,6 @@
     children?: Snippet;
     empty?: Snippet;
     handleTimelineScroll?: () => void;
-    customLayout?: Snippet<[TimelineAsset]>;
-    onThumbnailClick?: (
-      asset: TimelineAsset,
-      timelineManager: TimelineManager,
-      dayGroup: DayGroup,
-      onClick: (
-        timelineManager: TimelineManager,
-        assets: TimelineAsset[],
-        groupTitle: string,
-        asset: TimelineAsset,
-      ) => void,
-    ) => void;
   }
 
   let {
@@ -80,8 +67,6 @@
     empty,
     header,
     handleTimelineScroll = () => {},
-    customLayout,
-    onThumbnailClick,
   }: Props = $props();
 
   let { isViewing: showAssetViewer, gridScrollTarget } = assetViewingStore;
@@ -342,8 +327,6 @@
             {onSelect}
             {onScrollToTop}
             {onScrollCompensation}
-            {customLayout}
-            {onThumbnailClick}
           />
         </div>
       {/if}