From ef4779298b29d1d3a8dd407a438a91c80c80cd37 Mon Sep 17 00:00:00 2001
From: skalthoff <32023561+skalthoff@users.noreply.github.com>
Date: Fri, 5 Dec 2025 10:04:27 -0800
Subject: [PATCH] fix: update AnimatedBlurhash to use Animated.View for
 improved performance (#756)

---
 src/components/Global/components/image.tsx | 15 ++++++---------
 src/components/Player/mini-player.tsx      |  1 +
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/Global/components/image.tsx b/src/components/Global/components/image.tsx
index 7361f087..c5ea06aa 100644
--- a/src/components/Global/components/image.tsx
+++ b/src/components/Global/components/image.tsx
@@ -78,13 +78,14 @@ interface ItemBlurhashProps {
 	testID?: string | undefined
 }
 
-const AnimatedBlurhash = Animated.createAnimatedComponent(Blurhash)
-
 const Styles = StyleSheet.create({
 	blurhash: {
 		width: '100%',
 		height: '100%',
 	},
+	blurhashInner: {
+		...StyleSheet.absoluteFillObject,
+	},
 })
 
 const ItemBlurhash = memo(
@@ -92,13 +93,9 @@ const ItemBlurhash = memo(
 		const blurhash = getBlurhashFromDto(item, type)
 
 		return (
-			<AnimatedBlurhash
-				resizeMode={'cover'}
-				style={Styles.blurhash}
-				blurhash={blurhash}
-				entering={FadeIn}
-				exiting={FadeOut}
-			/>
+			<Animated.View style={Styles.blurhash} entering={FadeIn} exiting={FadeOut}>
+				<Blurhash resizeMode={'cover'} style={Styles.blurhashInner} blurhash={blurhash} />
+			</Animated.View>
 		)
 	},
 	(prevProps: ItemBlurhashProps, nextProps: ItemBlurhashProps) =>
diff --git a/src/components/Player/mini-player.tsx b/src/components/Player/mini-player.tsx
index 0d3d65fd..7d6ce23a 100644
--- a/src/components/Player/mini-player.tsx
+++ b/src/components/Player/mini-player.tsx
@@ -80,6 +80,7 @@ export const Miniplayer = React.memo(function Miniplayer(): React.JSX.Element {
 	return (
 		<GestureDetector gesture={gesture}>
 			<Animated.View
+				collapsable={false}
 				testID='miniplayer-test-id'
 				entering={FadeInDown.springify()}
 				exiting={FadeOutDown.springify()}