Merge pull request #306 from TaggiD-Inc/tma-701-private-account-banner

[TMA 701] : Separated Private and Public Profiles

1 files changed, 34 insertions, 0 deletions

diff --git a/src/components/profile/PrivateProfile.tsx b/src/components/profile/PrivateProfile.tsx
new file mode 100644
index 00000000..bc75a18a
--- /dev/null
+++ b/src/components/profile/PrivateProfile.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import {Image, StyleSheet, Text, View} from 'react-native';
+import {PRIVATE_ACCOUNT} from '../../constants/strings';
+import {normalize, SCREEN_HEIGHT} from '../../utils';
+
+const PrivateProfile: React.FC = () => {
+  return (
+    <View style={styles.container}>
+      <Image source={require('../../assets/images/private-profile.png')} />
+      <View style={styles.privateAccountTextContainer}>
+        <Text style={styles.privateAccountTextStyle}>{PRIVATE_ACCOUNT}</Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#F9F9F9',
+    height: SCREEN_HEIGHT * 0.4,
+    paddingBottom: SCREEN_HEIGHT * 0.1,
+  },
+  privateAccountTextContainer: {marginTop: '8%'},
+  privateAccountTextStyle: {
+    fontWeight: '600',
+    fontSize: normalize(18),
+    lineHeight: normalize(25),
+    color: '#828282',
+  },
+});
+
+export default PrivateProfile;