From a0d0e4ece4632cf84bc78522d58353c6fd5f8bd8 Mon Sep 17 00:00:00 2001
From: Mikayla Dobson <mikaylaherself@gmail.com>
Date: Thu, 27 Jan 2022 17:07:24 -0600
Subject: [PATCH] cleanup and adding more documentation

---
 src/features/posts/Feed.js | 35 ++++++-----------------------------
 1 file changed, 6 insertions(+), 29 deletions(-)

diff --git a/src/features/posts/Feed.js b/src/features/posts/Feed.js
index 6c2d52e..d931285 100644
--- a/src/features/posts/Feed.js
+++ b/src/features/posts/Feed.js
@@ -44,7 +44,7 @@ export default function Feed() {
             }
         }
 
-        getPosts(endpoints);
+        getPosts(endpoints);        // calls this logic on the current value of endpoints
 
         return () => {
             isActive = false;
@@ -55,30 +55,26 @@ export default function Feed() {
     useEffect(() => {
         let isActive = true;
 
-        const mapPosts = () => {
+        const mapPosts = () => {            // the logic for extracting post data from the promise responses
             if (data) {
                 let allPosts = [];
                 for (let each of data) {
                     allPosts.push(each.payload);
                 }
 
-                let extractedPosts = [];
+                let extractedPosts = [];               // logic for flattening arrays and reducing complex variable to a layer of post objects
                 for (let each of allPosts) {
                     for (let indiv of each) {
                         extractedPosts.push(indiv);
                     }
                 };
 
-                extractedPosts = extractedPosts.sort((x,y) => x.created_utc > y.created_utc);     // sorts posts by sort time
+                extractedPosts = extractedPosts.sort((x,y) => x.created_utc > y.created_utc);     // sorts posts by sort time (to do: fix this)
 
-                console.log(extractedPosts);
-
-                let newFeed = [];
-
-                newFeed = extractedPosts.map((post) => {
+                let newFeed = extractedPosts.map((post) => {
                     return (
                         <Post 
-                            title={post.data.title}
+                            title={post.data.title}         // each variable passed in as props
                             author={post.data.author}
                             subreddit={post.data.subreddit}
                             ups={post.data.ups}
@@ -93,25 +89,6 @@ export default function Feed() {
                     );
                 })
 
-
-                for (let post of allPosts) {
-                    newFeed.push(
-                        <Post 
-                            title={post.title}
-                            author={post.author}
-                            subreddit={post.subreddit}
-                            ups={post.ups}
-                            comments={post.num_comments}
-                            time={post.created_utc}
-                            key={v4()}
-                            media={post.post_hint === 'image' && post.url}
-                            permalink={post.permalink}
-                            selftext={post.selftext}
-                            video={post.is_video ? post.media.reddit_video.fallback_url : null}
-                        />
-                    );
-                }
-
                 setFeed(newFeed);
             }