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/TaggsFeed.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/taggs/TaggsFeed.tsx

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

diff --git a/src/components/taggs/TaggsFeed.tsx b/src/components/taggs/TaggsFeed.tsx
new file mode 100644
index 00000000..3f27e248
--- /dev/null
+++ b/src/components/taggs/TaggsFeed.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import {InstagramPostType, UserType} from '../../types';
+import {TaggPost} from './';
+
+interface TaggsFeedProps {
+  user: UserType;
+  socialHandle: string;
+  posts: Array<InstagramPostType>;
+}
+
+const TaggsFeed: React.FC<TaggsFeedProps> = ({user, socialHandle, posts}) => {
+  return (
+    <>
+      {posts?.map((post, index) => (
+        <TaggPost
+          key={index}
+          post={{
+            owner: user,
+            social: 'Instagram',
+            socialHandle: socialHandle,
+            data: post,
+          }}
+        />
+      ))}
+    </>
+  );
+};
+
+export default TaggsFeed;
-- 
cgit v1.2.3-70-g09d2