From 0f6285412845096ccf1aa1d2ffcbf87b299319d6 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sat, 6 Dec 2025 01:48:27 +0100
Subject: [PATCH] Fix images recycling keys

---
 front/src/primitives/image-background.tsx | 4 +++-
 front/src/primitives/image.tsx            | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/front/src/primitives/image-background.tsx b/front/src/primitives/image-background.tsx
index 2625af97..7640fc4d 100644
--- a/front/src/primitives/image-background.tsx
+++ b/front/src/primitives/image-background.tsx
@@ -28,10 +28,12 @@ export const ImageBackground = ({
 	const { css, theme } = useYoshiki();
 	const { apiUrl, authToken } = useToken();
 
+	const uri = src ? `${apiUrl}${src[quality ?? "high"]}` : null;
 	return (
 		<EImageBackground
+			recyclingKey={uri}
 			source={{
-				uri: src ? `${apiUrl}${src[quality ?? "high"]}` : null,
+				uri,
 				// use cookies on web to allow `img` to make the call instead of js
 				headers:
 					authToken && Platform.OS !== "web"
diff --git a/front/src/primitives/image.tsx b/front/src/primitives/image.tsx
index d0fecc5b..ba4886f5 100644
--- a/front/src/primitives/image.tsx
+++ b/front/src/primitives/image.tsx
@@ -37,10 +37,12 @@ export const Image = ({
 	const { css, theme } = useYoshiki();
 	const { apiUrl, authToken } = useToken();
 
+	const uri = src ? `${apiUrl}${src[quality ?? "high"]}` : null;
 	return (
 		<EImage
+			recyclingKey={uri}
 			source={{
-				uri: src ? `${apiUrl}${src[quality ?? "high"]}` : null,
+				uri,
 				// use cookies on web to allow `img` to make the call instead of js
 				headers:
 					authToken && Platform.OS !== "web"