helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rename and relocate asset-grid-without-scrubber to timeline-viewer

Browse source 
• 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
This commit is contained in:
midzelis 2025-08-14 21:16:22 +00:00
parent 76efc48b1b
commit 6b564cd63c
3 changed files with 4 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/photos-page/asset-grid.svelte
View file

@ -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>

0
web/src/lib/components/photos-page/skeleton.svelte → web/src/lib/components/timeline-viewer/skeleton.svelte
View file

19
web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte → web/src/lib/components/timeline-viewer/timeline-viewer.svelte
View file

@ -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}