From e797361b81778a08de2bc81038196ba62126fc59 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 20 May 2021 16:40:31 -0400
Subject: Revert change to avatar, using another design

---
 src/components/common/Avatar.tsx | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

(limited to 'src/components/common')

diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx
index 46a3814c..fa80f121 100644
--- a/src/components/common/Avatar.tsx
+++ b/src/components/common/Avatar.tsx
@@ -4,28 +4,33 @@ import {Image, ImageStyle, StyleProp, ImageBackground} from 'react-native';
 type AvatarProps = {
   style: StyleProp<ImageStyle>;
   uri: string | undefined;
-  // loading: boolean;
-  // loadingStyle: StyleProp<ImageStyle> | undefined;
+  loading?: boolean;
+  loadingStyle?: StyleProp<ImageStyle> | undefined;
 };
 const Avatar: FC<AvatarProps> = ({
   style,
   uri,
-  // loading = false,
-  // loadingStyle,
+  loading = false,
+  loadingStyle,
 }) => {
-  return (
-    // <ImageBackground
-    //   style={style}
-    //   defaultSource={require('../../assets/images/avatar-placeholder.png')}
-    //   source={{uri, cache: 'reload'}}>
-    //   {loading && (
+  return loading ? (
+    <ImageBackground
+      style={style}
+      defaultSource={require('../../assets/images/avatar-placeholder.png')}
+      source={{uri, cache: 'reload'}}>
+      {loading && (
+        <Image
+          source={require('../../assets/gifs/loading-animation.gif')}
+          style={loadingStyle}
+        />
+      )}
+    </ImageBackground>
+  ) : (
     <Image
       defaultSource={require('../../assets/images/avatar-placeholder.png')}
       source={{uri, cache: 'reload'}}
       style={style}
     />
-    //   )}
-    // </ImageBackground>
   );
 };
 
-- 
cgit v1.2.3-70-g09d2