From 0f332655d2b64700623f25912d2610517fb954b6 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Wed, 7 Oct 2020 20:17:13 -0400
Subject: [TMA-186] Instagram Taggs - Frontend (#45)

* Renamed Moments(Bar) to Taggs(Bar)

* created initial navigation and empty social media taggs screen

* made more progress for the header styling

* Finished social media taggs screen, organized code structure

* linted stuff D:

* moved bar height utility function to utils

* moved color constants to constants

* moved avatar title

* updated comments for social media taggs

* NOW the file is there
---
 src/components/taggs/SocialMediaInfo.tsx | 55 ++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 src/components/taggs/SocialMediaInfo.tsx

(limited to 'src/components/taggs/SocialMediaInfo.tsx')

diff --git a/src/components/taggs/SocialMediaInfo.tsx b/src/components/taggs/SocialMediaInfo.tsx
new file mode 100644
index 00000000..0e93660d
--- /dev/null
+++ b/src/components/taggs/SocialMediaInfo.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+import {SocialIcon} from '..';
+
+interface SocialMediaInfoProps {
+  fullname: string;
+  type: string;
+  handle: string;
+}
+
+const SocialMediaInfo: React.FC<SocialMediaInfoProps> = ({
+  fullname,
+  type,
+  handle,
+}) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.handle}> @{handle} </Text>
+      <View style={styles.row}>
+        <View />
+        <SocialIcon style={styles.icon} social={type} />
+        <Text style={styles.name}>{fullname}</Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    paddingBottom: 40,
+  },
+  handle: {
+    color: 'white',
+    fontSize: 12,
+  },
+  name: {
+    color: 'white',
+    fontWeight: 'bold',
+    fontSize: 20,
+    paddingLeft: 5,
+  },
+  icon: {
+    width: 20,
+    height: 20,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: 10,
+  },
+});
+
+export default SocialMediaInfo;
-- 
cgit v1.2.3-70-g09d2