1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/profile/Avatar.tsx b/src/components/profile/Avatar.tsx
new file mode 100644
index 00000000..a0f7596c
--- /dev/null
+++ b/src/components/profile/Avatar.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import {Image, StyleSheet} from 'react-native';
+import {AuthContext} from '../../routes/authentication';
+
+const PROFILE_DIM = 100;
+interface AvatarProps {
+  style: object;
+}
+const Avatar: React.FC<AvatarProps> = ({style}) => {
+  const {avatar} = React.useContext(AuthContext);
+  return (
+    <Image
+      style={[styles.image, style]}
+      source={
+        avatar
+          ? {uri: avatar}
+          : require('../../assets/images/avatar-placeholder.png')
+      }
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    height: PROFILE_DIM,
+    width: PROFILE_DIM,
+    borderRadius: PROFILE_DIM / 2,
+  },
+});
+
+export default Avatar;