From 5d3f773a2a6ea1632101c0445a956b9be135b626 Mon Sep 17 00:00:00 2001
From: xmflsct <me@xmflsct.com>
Date: Wed, 1 Feb 2023 00:06:33 +0100
Subject: [PATCH] Faster image loading transition

---
 src/components/Emojis/List.tsx                  | 2 +-
 src/components/GracefullyImage.tsx              | 8 ++++----
 src/screens/Compose/Root/Footer/Attachments.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Emojis/List.tsx b/src/components/Emojis/List.tsx
index 455a1044..56418778 100644
--- a/src/components/Emojis/List.tsx
+++ b/src/components/Emojis/List.tsx
@@ -131,7 +131,7 @@ const EmojisList = () => {
             >
               <FastImage
                 enterTransition='fadeIn'
-                transitionDuration={100}
+                transitionDuration={60}
                 accessibilityLabel={t('common:customEmoji.accessibilityLabel', {
                   emoji: emoji.shortcode
                 })}
diff --git a/src/components/GracefullyImage.tsx b/src/components/GracefullyImage.tsx
index 04cf027d..6b20b451 100644
--- a/src/components/GracefullyImage.tsx
+++ b/src/components/GracefullyImage.tsx
@@ -88,21 +88,21 @@ const GracefullyImage = ({
       {...(onPress ? { accessibilityRole: 'imagebutton' } : { accessibilityRole: 'image' })}
       accessibilityLabel={accessibilityLabel}
       accessibilityHint={accessibilityHint}
-      style={[style, dimension, { backgroundColor: colors.shimmerDefault }]}
+      style={[style, dimension]}
       {...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })}
     >
       {uri.preview && !imageLoaded ? (
         <FastImage
           source={connectMedia({ uri: uri.preview })}
           enterTransition='fadeIn'
-          transitionDuration={100}
-          style={[styles.placeholder, { backgroundColor: colors.shimmerDefault }]}
+          transitionDuration={60}
+          style={[styles.placeholder]}
         />
       ) : null}
       <FastImage
         source={connectMedia(source)}
         enterTransition='fadeIn'
-        transitionDuration={100}
+        transitionDuration={60}
         style={[{ flex: 1 }, imageStyle]}
         onLoad={() => {
           setImageLoaded(true)
diff --git a/src/screens/Compose/Root/Footer/Attachments.tsx b/src/screens/Compose/Root/Footer/Attachments.tsx
index 7743ce1d..b4496616 100644
--- a/src/screens/Compose/Root/Footer/Attachments.tsx
+++ b/src/screens/Compose/Root/Footer/Attachments.tsx
@@ -106,7 +106,7 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
       >
         <FastImage
           enterTransition='fadeIn'
-          transitionDuration={100}
+          transitionDuration={60}
           style={{ width: '100%', height: '100%' }}
           source={
             item.local?.thumbnail