From b72af1b4a2e14947949f986a1f24ad028c0031ec Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 10 Feb 2024 02:30:54 -0800
Subject: feat(badges): fallback yotsuba

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

(limited to 'src/routes')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index fc9f5d2c..67c5a2f6 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -18,6 +18,7 @@
 	import { activityText } from '$lib/Data/AniList/activity.js';
 	import SettingHint from '$lib/Settings/SettingHint.svelte';
 	import Popup from '$lib/Popup.svelte';
+	import FallbackImage from '$lib/FallbackImage.svelte';
 	// import { io } from 'socket.io-client';
 
 	export let data;
@@ -669,11 +670,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>
 											{/if}
-- 
cgit v1.2.3