From 72ed0e50b9197b8cefad017ac14db9eb16b34433 Mon Sep 17 00:00:00 2001
From: Josue Echandia <josueechandiasto@gmail.com>
Date: Fri, 17 Jun 2022 11:43:28 -0500
Subject: [PATCH] ThumbnailImage add style to opacity

---
 .../HTMLEngineProvider/HTMLRenderers/ImageRenderer.js         | 2 +-
 src/styles/styles.js                                          | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
index f3e9009a72ca..e4211278616b 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
@@ -51,7 +51,7 @@ const ImageRenderer = (props) => {
     return imagePreviewModalDisabled ? (
         <ThumbnailImage
             previewSourceURL={previewSource}
-            style={styles.webViewStyles.tagStyles.img}
+            style={[styles.webViewStyles.tagStyles.img, styles.opacityImageLoading]}
             isAuthTokenRequired={isAttachment}
             imageWidth={imageWidth}
             imageHeight={imageHeight}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 58efa6b4cf73..2bf11bdfa9d5 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -323,7 +323,9 @@ const styles = {
     opacity0: {
         opacity: 0,
     },
-
+    opacityImageLoading: {
+        opacity: 0.6,
+    },
     opacity1: {
         opacity: 1,
     },