self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-20 18:15:52 +02:00
Code Issues Releases Activity

fix(web): ensure current asset index stays within bounds (#14013)

Browse Source
This commit is contained in:
Michel Heusschen 2024-11-14 16:05:36 +01:00 committed by GitHub
parent 35f24270fe
commit d3fe238eef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
View File

@ -66,11 +66,15 @@
const handleNext = async () => {
try {
const asset = onNext ? await onNext() : assets[++currentViewAssetIndex];
if (asset) {
setAsset(asset);
await navigate({ targetRoute: 'current', assetId: $viewingAsset.id });
let asset: AssetResponseDto | undefined;
if (onNext) {
asset = await onNext();
} else {
currentViewAssetIndex = Math.min(currentViewAssetIndex + 1, assets.length - 1);
asset = assets[currentViewAssetIndex];
}
await navigateToAsset(asset);
} catch (error) {
handleError(error, $t('errors.cannot_navigate_next_asset'));
}
@ -78,16 +82,27 @@
const handlePrevious = async () => {
try {
const asset = onPrevious ? await onPrevious() : assets[--currentViewAssetIndex];
if (asset) {
setAsset(asset);
await navigate({ targetRoute: 'current', assetId: $viewingAsset.id });
let asset: AssetResponseDto | undefined;
if (onPrevious) {
asset = await onPrevious();
} else {
currentViewAssetIndex = Math.max(currentViewAssetIndex - 1, 0);
asset = assets[currentViewAssetIndex];
}
await navigateToAsset(asset);
} catch (error) {
handleError(error, $t('errors.cannot_navigate_previous_asset'));
}
};
const navigateToAsset = async (asset?: AssetResponseDto) => {
if (asset && asset.id !== $viewingAsset.id) {
setAsset(asset);
await navigate({ targetRoute: 'current', assetId: $viewingAsset.id });
}
};
const handleAction = async (action: Action) => {
switch (action.type) {
case AssetAction.ARCHIVE: