From bb909b57897b306239f2fa0d18f42342f796c19e 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

# Conflicts:
#	src/components/common/Avatar.tsx
---
 src/components/common/Avatar.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx
index 86ebedf3..fa80f121 100644
--- a/src/components/common/Avatar.tsx
+++ b/src/components/common/Avatar.tsx
@@ -4,8 +4,8 @@ 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,
@@ -13,7 +13,7 @@ const Avatar: FC<AvatarProps> = ({
   loading = false,
   loadingStyle,
 }) => {
-  return (
+  return loading ? (
     <ImageBackground
       style={style}
       defaultSource={require('../../assets/images/avatar-placeholder.png')}
@@ -25,6 +25,12 @@ const Avatar: FC<AvatarProps> = ({
         />
       )}
     </ImageBackground>
+  ) : (
+    <Image
+      defaultSource={require('../../assets/images/avatar-placeholder.png')}
+      source={{uri, cache: 'reload'}}
+      style={style}
+    />
   );
 };
 
-- 
cgit v1.2.3-70-g09d2