From 79e198e37e517d04d0b42fcaae500eac0cc1bd21 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 10 Feb 2024 02:37:45 -0800
Subject: feat(badges): fallback for awc badges

---
 src/lib/FallbackImage.svelte               |  8 +++++++-
 src/routes/user/[user]/badges/+page.svelte | 11 +++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/lib/FallbackImage.svelte b/src/lib/FallbackImage.svelte
index a8f367fb..e57b5334 100644
--- a/src/lib/FallbackImage.svelte
+++ b/src/lib/FallbackImage.svelte
@@ -28,5 +28,11 @@
 		on:error={(e) => delayedReplace(e, fallback)}
 	/>
 {:else}
-	<img src={error} alt="Not found" loading="lazy" />
+	<img src={error} alt="Not found" loading="lazy" class="badge" />
 {/if}
+
+<style>
+	.badge {
+		border-radius: 8px;
+	}
+</style>
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 67c5a2f6..6f959564 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -468,16 +468,15 @@
 													<a
 														href={badge.link}
 														target="_blank"
+														class="badge"
 														id={`badge-${badge.link}`}
 														title={badge.description}
 														use:tooltip
 													>
-														<img
-															src={cdn(thumbnail(badge.image))}
-															alt={badge.description}
-															loading="lazy"
-															class="badge"
-															on:error={(e) => fallback(e, thumbnail(badge.image))}
+														<FallbackImage
+															source={cdn(thumbnail(badge.image))}
+															alternative={badge.description}
+															fallback={thumbnail(badge.image)}
 														/>
 													</a>
 												{/each}
-- 
cgit v1.2.3