From 1f20c5d835251d06e7d57db599124d6d20ab2169 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 10 Feb 2024 22:59:55 -0800
Subject: feat(badges): use fallback image component for edit mode

---
 src/routes/user/[user]/badges/+page.svelte | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'src/routes/user')

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}
-- 
cgit v1.2.3