[TMA-242] Twitter and Facebook Tagg View (#63)

* modified the way we store social media data, initial skeleton

* MVP? Twitter done?

* cleaned up some things

* forgot to lint and cleaned up some more code

* minor change to text display

* fixed some UI bug, linting, and minor adjustment to posts UI

* fixed a couple of things

* added DateLabel, Facebook taggs view, fixed minor stuff

* Some small changes for the PR

* removed unused Feed

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>

1 files changed, 33 insertions, 2 deletions

diff --git a/src/components/taggs/TaggsBar.tsx b/src/components/taggs/TaggsBar.tsx
index 933f355d..88f670b5 100644
--- a/src/components/taggs/TaggsBar.tsx
+++ b/src/components/taggs/TaggsBar.tsx
@@ -18,9 +18,40 @@ const TaggsBar: React.FC<TaggsBarProps> = ({
   isProfileView,
 }) => {
   const taggs: Array<JSX.Element> = [];
-  for (let i = 0; i < 10; i++) {
+
+  taggs.push(
+    <Tagg
+      key={0}
+      style={styles.tagg}
+      social={'Instagram'}
+      isProfileView={isProfileView}
+    />,
+  );
+  taggs.push(
+    <Tagg
+      key={1}
+      style={styles.tagg}
+      social={'Facebook'}
+      isProfileView={isProfileView}
+    />,
+  );
+  taggs.push(
+    <Tagg
+      key={2}
+      style={styles.tagg}
+      social={'Twitter'}
+      isProfileView={isProfileView}
+    />,
+  );
+
+  for (let i = 3; i < 10; i++) {
     taggs.push(
-      <Tagg key={i} style={styles.tagg} isProfileView={isProfileView} />,
+      <Tagg
+        key={i}
+        style={styles.tagg}
+        social={'Instagram'}
+        isProfileView={isProfileView}
+      />,
     );
   }
   const shadowOpacity: Animated.Node<number> = interpolate(y, {