feat(badges): fallback yotsuba

1 files changed, 5 insertions, 5 deletions

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}