diff options
| author | Fuwn <[email protected]> | 2024-02-10 22:59:55 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-10 22:59:55 -0800 |
| commit | 1f20c5d835251d06e7d57db599124d6d20ab2169 (patch) | |
| tree | d9ff8f66a3dcd64c049a1254ff3a1800ed91c073 /src/routes | |
| parent | fix(fallbackimage): use https (diff) | |
| download | due.moe-1f20c5d835251d06e7d57db599124d6d20ab2169.tar.xz due.moe-1f20c5d835251d06e7d57db599124d6d20ab2169.zip | |
feat(badges): use fallback image component for edit mode
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index c3d5b1c3..ede21a4b 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -97,8 +97,8 @@ } }); - const fallback = (event: Event, image: string | undefined) => - setTimeout(() => ((event.target as HTMLImageElement).src = image || ''), 1000); + // const fallback = (event: Event, image: string | undefined) => + // setTimeout(() => ((event.target as HTMLImageElement).src = image || ''), 1000); // const awcBadges = (awcResponse: string): AWCBadge[] => { // return Array.from( @@ -654,11 +654,10 @@ }${badge.description ? `\n${badge.description}` : ''}`} use:tooltip > - <img - src={cdn(thumbnail(badge.image))} - alt={badge.description} - loading="lazy" - on:error={(e) => fallback(e, thumbnail(badge.image))} + <FallbackImage + source={cdn(thumbnail(badge.image))} + alternative={badge.description} + fallback={thumbnail(badge.image)} /> </a> {:else} |