diff options
author | Ivan Chen <ivan@tagg.id> | 2021-05-20 16:19:04 -0400 |
---|---|---|
committer | Ivan Chen <ivan@tagg.id> | 2021-05-20 16:19:04 -0400 |
commit | 3fd9c10aadb874a0fd0c0c206c8a4a9d83e939a0 (patch) | |
tree | 5713201d138c9adbb9416f7e3242c3d287079d55 /src/components/common/Avatar.tsx | |
parent | 74734ecde9d26e0d08a62574f41dc7174572467d (diff) |
Remove loading style, Clean up styling
Diffstat (limited to 'src/components/common/Avatar.tsx')
-rw-r--r-- | src/components/common/Avatar.tsx | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx index 86ebedf3..46a3814c 100644 --- a/src/components/common/Avatar.tsx +++ b/src/components/common/Avatar.tsx @@ -4,27 +4,28 @@ 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} + // <ImageBackground + // style={style} + // defaultSource={require('../../assets/images/avatar-placeholder.png')} + // source={{uri, cache: 'reload'}}> + // {loading && ( + <Image defaultSource={require('../../assets/images/avatar-placeholder.png')} - source={{uri, cache: 'reload'}}> - {loading && ( - <Image - source={require('../../assets/gifs/loading-animation.gif')} - style={loadingStyle} - /> - )} - </ImageBackground> + source={{uri, cache: 'reload'}} + style={style} + /> + // )} + // </ImageBackground> ); }; |