Front: Unmount Blurhash on image load

Arthi-chaud · May 19, 2024 · 0dc891c · 0dc891c
1 parent 6ebe601
commit 0dc891c
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/front/src/components/illustration.tsx b/front/src/components/illustration.tsx
@@ -101,7 +101,18 @@ const Illustration = (props: IllustrationProps) => {
 				/>
 			</Fade>
 			{blurhash && (
-				<Fade in={loadingState !== "errored"} unmountOnExit>
+				<Fade
+					in={
+						isSSR()
+							? loadingState !== "errored"
+							: loadingState !== "finished"
+					}
+					unmountOnExit
+					timeout={{
+						// Hack to avoid blurhash exiting before image is painted
+						exit: theme.transitions.duration.leavingScreen * 2,
+					}}
+				>
 					<Box
 						style={{
 							position: "absolute",