From 0185335138fe82ccb48691589031c0db6745c763 Mon Sep 17 00:00:00 2001
From: xmflsct <me@xmflsct.com>
Date: Wed, 8 Feb 2023 21:41:16 +0100
Subject: [PATCH] Fix image viewer placeholder

---
 src/components/GracefullyImage.tsx | 3 ++-
 src/screens/ImageViewer/index.tsx  | 6 +++---
 src/screens/Tabs/index.tsx         | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/GracefullyImage.tsx b/src/components/GracefullyImage.tsx
index e161e9ce..23ce899f 100644
--- a/src/components/GracefullyImage.tsx
+++ b/src/components/GracefullyImage.tsx
@@ -63,9 +63,10 @@ const GracefullyImage = ({
       {...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })}
     >
       <Image
+        placeholderContentFit='cover'
         placeholder={sources.blurhash || connectMedia(sources.preview)}
         source={hidden ? undefined : connectMedia(source)}
-        transition={{ duration: 100 }}
+        transition={{ duration: 80 }}
         style={{ flex: 1, ...imageStyle }}
         onLoad={event => {
           if (setImageDimensions && event.source) {
diff --git a/src/screens/ImageViewer/index.tsx b/src/screens/ImageViewer/index.tsx
index 2831b24f..5438b16e 100644
--- a/src/screens/ImageViewer/index.tsx
+++ b/src/screens/ImageViewer/index.tsx
@@ -194,9 +194,9 @@ const ScreenImagesViewer = ({
                   >
                     <GracefullyImage
                       sources={{
-                        preview: { uri: item.preview_url, width: item.width, height: item.height },
-                        default: { uri: item.url, width: item.width, height: item.height },
-                        remote: { uri: item.remote_url, width: item.width, height: item.height }
+                        preview: { uri: item.preview_url },
+                        default: { uri: item.url },
+                        remote: { uri: item.remote_url }
                       }}
                       dimension={{
                         width:
diff --git a/src/screens/Tabs/index.tsx b/src/screens/Tabs/index.tsx
index 0d5b4499..77700c5d 100644
--- a/src/screens/Tabs/index.tsx
+++ b/src/screens/Tabs/index.tsx
@@ -52,6 +52,7 @@ const ScreenTabs = () => {
               return (
                 <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                   <GracefullyImage
+                    key={accountActive}
                     sources={{ default: { uri: avatarStatic } }}
                     dimension={{ width: size, height: size }}
                     style={{