From 9c06155703488ed4e8113a19e8b55ef64ecd9b86 Mon Sep 17 00:00:00 2001
From: "Andrew W. Hill" <andrew@textile.io>
Date: Mon, 26 Aug 2019 06:06:05 -0700
Subject: [PATCH] back to caching avatars (#1321)

Signed-off-by: andrew <andrew@textile.io>
---
 App/Components/Avatar.tsx | 56 ++++++++++++++++++++++++++-------------
 1 file changed, 38 insertions(+), 18 deletions(-)

diff --git a/App/Components/Avatar.tsx b/App/Components/Avatar.tsx
index e844ef322..c8158a863 100644
--- a/App/Components/Avatar.tsx
+++ b/App/Components/Avatar.tsx
@@ -210,28 +210,48 @@ class Avatar extends React.Component<Props, State> {
             uri: `${
               Config.RN_TEXTILE_GATEWAY_URL
             }/ipfs/${target}/0/small/content`,
-            cache: 'reload'
+            cache: 'force-cache'
           }}
           resizeMode={'cover'}
           onLoad={this.onHTTPLoad}
         >
-          {shouldShowIPFS && (
-            <TextileImage
-              style={{
-                minHeight: height,
-                minWidth: width,
-                alignSelf: 'center',
-                backgroundColor: 'transparent'
-              }}
-              target={`${target}/0/${resolution}/content`}
-              ipfs={true}
-              index={0}
-              forMinWidth={widthNumber}
-              resizeMode={'cover'}
-              onLayout={this.onImageLayout}
-              onError={this.onIPFSError}
-            />
-          )}
+          <ImageBackground
+            style={{
+              minHeight: height,
+              minWidth: width,
+              alignSelf: 'center',
+              backgroundColor:
+                this.props.style && this.props.style.backgroundColor
+                  ? this.props.style.backgroundColor
+                  : 'transparent'
+            }}
+            source={{
+              uri: `${
+                Config.RN_TEXTILE_GATEWAY_URL
+              }/ipfs/${target}/0/small/content`,
+              cache: 'reload'
+            }}
+            resizeMode={'cover'}
+            onLoad={this.onHTTPLoad}
+          >
+            {shouldShowIPFS && (
+              <TextileImage
+                style={{
+                  minHeight: height,
+                  minWidth: width,
+                  alignSelf: 'center',
+                  backgroundColor: 'transparent'
+                }}
+                target={`${target}/0/${resolution}/content`}
+                ipfs={true}
+                index={0}
+                forMinWidth={widthNumber}
+                resizeMode={'cover'}
+                onLayout={this.onImageLayout}
+                onError={this.onIPFSError}
+              />
+            )}
+          </ImageBackground>
         </ImageBackground>
       </View>
     )