immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-20 17:25:35 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

feat: show thumbhash behind load error, if possible (#17554)

Browse Source 
* feat: show thumbhash behind load error, if possible

* forgot this
This commit is contained in:
Min Idzelis
2025-04-11 18:01:51 -04:00
committed by GitHub
parent 40e3322b25
commit c62fc155c8
5 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/components/assets/thumbnail/image-thumbnail.svelte
View File

@@ -21,7 +21,8 @@
border?: boolean;
hiddenIconClass?: string;
class?: ClassValue;
onComplete?: (() => void) | undefined;
brokenAssetClass?: ClassValue;
onComplete?: ((errored: boolean) => void) | undefined;
}
let {
@@ -39,6 +40,7 @@
hiddenIconClass = 'text-white',
onComplete = undefined,
class: imageClass = '',
brokenAssetClass = '',
}: Props = $props();
let {
@@ -50,17 +52,17 @@
const setLoaded = () => {
loaded = true;
onComplete?.();
onComplete?.(false);
};
const setErrored = () => {
errored = true;
onComplete?.();
onComplete?.(true);
};
function mount(elem: HTMLImageElement) {
if (elem.complete) {
loaded = true;
onComplete?.();
onComplete?.(false);
}
}
@@ -71,6 +73,7 @@
shadow && 'shadow-lg',
(circle || !heightStyle) && 'aspect-square',
border && 'border-[3px] border-immich-dark-primary/80 hover:border-immich-primary',
brokenAssetClass,
]
.filter(Boolean)
.join(' '),