From fbf50219e91bb11241f2d724297b283250c13955 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <42452695+anultravioletaurora@users.noreply.github.com>
Date: Tue, 25 Nov 2025 17:45:29 -0600
Subject: [PATCH] simplify image component a bit

---
 src/components/Global/components/image.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/Global/components/image.tsx b/src/components/Global/components/image.tsx
index 729c1de1..2a75bb82 100644
--- a/src/components/Global/components/image.tsx
+++ b/src/components/Global/components/image.tsx
@@ -1,6 +1,6 @@
 import { BaseItemDto } from '@jellyfin/sdk/lib/generated-client/models'
 import { isUndefined } from 'lodash'
-import { getTokenValue, Token, View, Image as TamaguiImage, ZStack } from 'tamagui'
+import { getTokenValue, Token, Image as TamaguiImage, ZStack } from 'tamagui'
 import { StyleSheet } from 'react-native'
 import { ImageType } from '@jellyfin/sdk/lib/generated-client/models'
 import { Blurhash } from 'react-native-blurhash'
@@ -90,8 +90,6 @@ interface ImageProps {
 	testID?: string | undefined
 }
 
-const AnimatedTamaguiImage = Animated.createAnimatedComponent(TamaguiImage)
-
 function Image({
 	item,
 	imageUrl,
@@ -137,7 +135,7 @@ function Image({
 
 	return (
 		<ZStack style={imageViewStyle.view} justifyContent='center' alignContent='center'>
-			<AnimatedTamaguiImage
+			<TamaguiImage
 				objectFit='cover'
 				// recyclingKey={imageUrl}
 				source={{
@@ -146,8 +144,6 @@ function Image({
 				}}
 				onLoad={() => setIsLoaded(true)}
 				testID={testID}
-				entering={FadeIn}
-				exiting={FadeOut}
 				style={Styles.blurhash}
 			/>
 			{!isLoaded && <ItemBlurhash item={item} />}