From 4621ec5ea28fb803c00eeaadecb495218a2a34b6 Mon Sep 17 00:00:00 2001 From: Daimolean <92239625+wuzihao051119@users.noreply.github.com> Date: Thu, 26 Jun 2025 00:18:11 +0800 Subject: [PATCH] fix(web): load day group in asset viewer (#19523) * fix(web): load day group in asset viewer * fix: lint --- .../lib/components/photos-page/asset-grid.svelte | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte index ac6ec8906a..cf8f0fb879 100644 --- a/web/src/lib/components/photos-page/asset-grid.svelte +++ b/web/src/lib/components/photos-page/asset-grid.svelte @@ -30,7 +30,12 @@ import { deleteAssets, updateStackedAssetInTimeline, updateUnstackedAssetInTimeline } from '$lib/utils/actions'; import { archiveAssets, cancelMultiselect, selectAllAssets, stackAssets } from '$lib/utils/asset-utils'; import { navigate } from '$lib/utils/navigation'; - import { toTimelineAsset, type ScrubberListener, type TimelinePlainYearMonth } from '$lib/utils/timeline-util'; + import { + getTimes, + toTimelineAsset, + type ScrubberListener, + type TimelinePlainYearMonth, + } from '$lib/utils/timeline-util'; import { AssetVisibility, getAssetInfo, type AlbumResponseDto, type PersonResponseDto } from '@immich/sdk'; import { DateTime } from 'luxon'; import { onMount, type Snippet } from 'svelte'; @@ -768,6 +773,13 @@ void selectAssetCandidates(lastAssetMouseEvent); } }); + + $effect(() => { + if ($showAssetViewer) { + const { localDateTime } = getTimes($viewingAsset.fileCreatedAt, DateTime.local().offset / 60); + void timelineManager.loadMonthGroup({ year: localDateTime.year, month: localDateTime.month }); + } + });