Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2026-05-24 00:22:29 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web): turn thumbhash action into Thumbhash component (#27741)

Browse Source 
refactor(web): extract thumbhash canvas into Thumbhash component

Change-Id: If78955bed48b6e690df398e5e2ae61fb6a6a6964
This commit is contained in:
Min Idzelis
2026-04-15 21:18:49 -04:00
committed by GitHub
parent 2ff9f95527
commit 3d8df74b43
5 changed files with 51 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/AdaptiveImage.svelte
+2 -2
View File
@@ -1,9 +1,9 @@
<script lang="ts">
import { thumbhash } from '$lib/actions/thumbhash';
import AlphaBackground from '$lib/components/AlphaBackground.svelte';
import BrokenAsset from '$lib/components/assets/broken-asset.svelte';
import DelayedLoadingSpinner from '$lib/components/DelayedLoadingSpinner.svelte';
import ImageLayer from '$lib/components/ImageLayer.svelte';
import Thumbhash from '$lib/components/Thumbhash.svelte';
import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
import { getAssetUrls } from '$lib/utils';
import { AdaptiveImageLoader, type QualityList } from '$lib/utils/adaptive-image-loader.svelte';
@@ -165,7 +165,7 @@
{#if show.thumbhash}
{#if asset.thumbhash}
<!-- Thumbhash / spinner layer -->
<canvas use:thumbhash={{ base64ThumbHash: asset.thumbhash }} class="h-full w-full absolute"></canvas>
<Thumbhash base64ThumbHash={asset.thumbhash} class="h-full w-full absolute" />
{:else if show.spinner}
<DelayedLoadingSpinner />
{/if}