From 3ff24fc8039c0736a39018a3e40b1d513dd46e5b Mon Sep 17 00:00:00 2001
From: midzelis <min123@gmail.com>
Date: Mon, 25 Aug 2025 01:15:32 +0000
Subject: [PATCH] rename timeline-day to timeline-month

---
 .../base-components/base-timeline-viewer.svelte        |  4 ++--
 .../{timeline-day.svelte => timeline-month.svelte}     |  5 +++--
 ...ine-day.svelte => selectable-timeline-month.svelte} | 10 +++++-----
 3 files changed, 10 insertions(+), 9 deletions(-)
 rename web/src/lib/components/timeline/base-components/{timeline-day.svelte => timeline-month.svelte} (97%)
 rename web/src/lib/components/timeline/internal-components/{selectable-timeline-day.svelte => selectable-timeline-month.svelte} (98%)

diff --git a/web/src/lib/components/timeline/base-components/base-timeline-viewer.svelte b/web/src/lib/components/timeline/base-components/base-timeline-viewer.svelte
index 7c9d5eeed0..32bdb4e0ac 100644
--- a/web/src/lib/components/timeline/base-components/base-timeline-viewer.svelte
+++ b/web/src/lib/components/timeline/base-components/base-timeline-viewer.svelte
@@ -4,7 +4,7 @@
   import { resizeObserver, type OnResizeCallback } from '$lib/actions/resize-observer';
   import Hmr from '$lib/components/timeline/base-components/hmr.svelte';
   import Skeleton from '$lib/components/timeline/base-components/skeleton.svelte';
-  import SelectableTimelineDay from '$lib/components/timeline/internal-components/selectable-timeline-day.svelte';
+  import SelectableTimelineMonth from '$lib/components/timeline/internal-components/selectable-timeline-month.svelte';
   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';
@@ -271,7 +271,7 @@
           style:transform={`translate3d(0,${absoluteHeight}px,0)`}
           style:width="100%"
         >
-          <SelectableTimelineDay
+          <SelectableTimelineMonth
             {customThumbnailLayout}
             {withStacked}
             {showArchiveIcon}
diff --git a/web/src/lib/components/timeline/base-components/timeline-day.svelte b/web/src/lib/components/timeline/base-components/timeline-month.svelte
similarity index 97%
rename from web/src/lib/components/timeline/base-components/timeline-day.svelte
rename to web/src/lib/components/timeline/base-components/timeline-month.svelte
index bb8176099b..8bfc964bd7 100644
--- a/web/src/lib/components/timeline/base-components/timeline-day.svelte
+++ b/web/src/lib/components/timeline/base-components/timeline-month.svelte
@@ -19,6 +19,7 @@
 
   interface Props {
     customThumbnailLayout?: Snippet<[TimelineAsset]>;
+
     singleSelect: boolean;
     withStacked: boolean;
     showArchiveIcon: boolean;
@@ -28,7 +29,7 @@
     onScrollCompensationMonthInDOM: (compensation: { heightDelta?: number; scrollTop?: number }) => void;
 
     onHover: (dayGroup: DayGroup, asset: TimelineAsset) => void;
-    onAssetOpen: (dayGroup: DayGroup, asset: TimelineAsset) => void;
+    onAssetOpen?: (dayGroup: DayGroup, asset: TimelineAsset) => void;
     onAssetSelect: (dayGroup: DayGroup, asset: TimelineAsset) => void;
     onDayGroupSelect: (dayGroup: DayGroup, assets: TimelineAsset[]) => void;
 
@@ -152,7 +153,7 @@
             {showArchiveIcon}
             {asset}
             {groupIndex}
-            onClick={() => onAssetOpen(dayGroup, assetSnapshot(asset))}
+            onClick={() => onAssetOpen?.(dayGroup, assetSnapshot(asset))}
             onSelect={() => onAssetSelect(dayGroup, assetSnapshot(asset))}
             onMouseEvent={() => onHover(dayGroup, assetSnapshot(asset))}
             selected={isAssetSelected(asset)}
diff --git a/web/src/lib/components/timeline/internal-components/selectable-timeline-day.svelte b/web/src/lib/components/timeline/internal-components/selectable-timeline-month.svelte
similarity index 98%
rename from web/src/lib/components/timeline/internal-components/selectable-timeline-day.svelte
rename to web/src/lib/components/timeline/internal-components/selectable-timeline-month.svelte
index cf77d872bc..b097bda668 100644
--- a/web/src/lib/components/timeline/internal-components/selectable-timeline-day.svelte
+++ b/web/src/lib/components/timeline/internal-components/selectable-timeline-month.svelte
@@ -6,13 +6,15 @@
   import { isSelectingAllAssets } from '$lib/stores/assets-store.svelte';
   import { navigate } from '$lib/utils/navigation';
 
-  import TimelineDay from '$lib/components/timeline/base-components/timeline-day.svelte';
+  import TimelineMonth from '$lib/components/timeline/base-components/timeline-month.svelte';
   import { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
   import { assetsSnapshot } from '$lib/managers/timeline-manager/utils.svelte';
   import { searchStore } from '$lib/stores/search.svelte';
   import type { Snippet } from 'svelte';
 
   interface Props {
+    customThumbnailLayout?: Snippet<[TimelineAsset]>;
+
     isSelectionMode: boolean;
     singleSelect: boolean;
     withStacked: boolean;
@@ -21,21 +23,19 @@
     timelineManager: TimelineManager;
     assetInteraction: AssetInteraction;
 
-    customThumbnailLayout?: Snippet<[TimelineAsset]>;
-
     onAssetOpen?: (dayGroup: DayGroup, asset: TimelineAsset, defaultAssetOpen: () => void) => void;
     onSelect?: (isSingleSelect: boolean, asset: TimelineAsset) => void;
     onScrollCompensationMonthInDOM: (compensation: { heightDelta?: number; scrollTop?: number }) => void;
   }
 
   let {
+    customThumbnailLayout,
     isSelectionMode,
     singleSelect,
     withStacked,
     showArchiveIcon,
     monthGroup = $bindable(),
     assetInteraction,
-    customThumbnailLayout,
     timelineManager,
     onAssetOpen,
     onSelect,
@@ -257,7 +257,7 @@
 
 <svelte:document onkeydown={onKeyDown} onkeyup={onKeyUp} />
 
-<TimelineDay
+<TimelineMonth
   {customThumbnailLayout}
   {singleSelect}
   {withStacked}