c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-04 02:46:47 +01:00
Code Releases Activity

fix(web): stacked vs normal asset rendering

Browse source
This commit is contained in:
Alex Tran 2023-10-27 20:57:37 -05:00
parent a42c95a781
commit 51dc197b33
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/lib/components/asset-viewer/asset-viewer.svelte
View file

@ -57,7 +57,6 @@
let shouldShowDetailButton = asset.hasMetadata;
let canCopyImagesToClipboard: boolean;
let previewStackedAsset: AssetResponseDto | undefined;
$: displayedAsset = previewStackedAsset || asset;
$: {
if (asset.stackCount && asset.stack) {
@ -471,17 +470,15 @@
<NavigationArea on:click={navigateAssetBackward}><Icon path={mdiChevronLeft} size="36" /></NavigationArea>
</div>
{/if}
<!-- Asset Viewer -->
<div class="col-span-4 col-start-1 row-span-full row-start-1">
<!-- Condition to show preview of stacked asset on hovered -->
{#if displayedAsset}
{#key displayedAsset.id}
{#if displayedAsset.type === AssetTypeEnum.Image}
<PhotoViewer asset={displayedAsset} on:close={closeViewer} haveFadeTransition={false} />
{#if previewStackedAsset}
{#key previewStackedAsset.id}
{#if previewStackedAsset.type === AssetTypeEnum.Image}
<PhotoViewer asset={previewStackedAsset} on:close={closeViewer} haveFadeTransition={false} />
{:else}
<VideoViewer
assetId={displayedAsset.id}
assetId={previewStackedAsset.id}
on:close={closeViewer}
on:onVideoEnded={handleVideoEnded}
on:onVideoStarted={handleVideoStarted}