move ponies to react with babel b00tc4mp#68

staff/nerina-castillo/ponies/app/logic/getAllFavPosts.mjs

@@ -12,7 +12,10 @@ const getAllFavPosts = () => {
   posts.forEach((post) => {
     post.fav = user.favs.includes(post.id);
     post.like = post.likes.includes(sessionStorage.username);
-    post.following = user.following.includes(post.author);
+    post.author = {
+      username: post.author,
+      following: user.following.includes(post.author)
+    }
   });
 
   return posts.reverse();

staff/nerina-castillo/ponies/app/logic/getAllFollowingUsersPosts.mjs → staff/nerina-castillo/ponies/app/logic/getAllFollowingUserPosts.mjs

@@ -1,6 +1,6 @@
 import data from "../data/index.mjs";
 
-const getAllFollowingUsersPosts = () => {
+const getAllFollowingUserPosts = () => {
   const user = data.findUser(
     (user) => user.username === sessionStorage.username
   );
@@ -12,10 +12,13 @@ const getAllFollowingUsersPosts = () => {
   posts.forEach((post) => {
     post.fav = user.favs.includes(post.id);
     post.like = post.likes.includes(sessionStorage.username);
-    post.following = user.following.includes(post.author);
+    post.author = {
+      username: post.author,
+      following: user.following.includes(post.author)
+  }
   });
 
   return posts.reverse();
 };
 
-export default getAllFollowingUsersPosts;
+export default getAllFollowingUserPosts;

staff/nerina-castillo/ponies/app/logic/getAllPosts.mjs

@@ -12,7 +12,10 @@ const getAllPosts = () => {
   posts.forEach((post) => {
     post.fav = user.favs.includes(post.id);
     post.like = post.likes.includes(sessionStorage.username);
-    post.following = user.following.includes(post.author);
+    post.author = {
+      username: post.author,
+      following: user.following.includes(post.author)
+  }
   });
 
   return posts.reverse();

staff/nerina-castillo/ponies/app/logic/index.mjs

@@ -11,7 +11,7 @@ import deletePost from "./deletePost.mjs";
 import toggleFavPost from "./toggleFavPost.mjs";
 import getAllFavPosts from "./getAllFavPosts.mjs";
 import toggleFollowUser from "./toggleFollowUser.mjs";
-import getAllFollowingUsersPosts from "./getAllFollowingUsersPosts.mjs";
+import getAllFollowingUserPosts from "./getAllFollowingUserPosts.mjs";
 
 const logic = {
   getAllPosts,
@@ -27,7 +27,7 @@ const logic = {
   toggleFavPost,
   getAllFavPosts,
   toggleFollowUser,
-  getAllFollowingUsersPosts,
+  getAllFollowingUserPosts,
 };
 
 export default logic;

staff/nerina-castillo/ponies/app/view/components/Button.css → staff/nerina-castillo/ponies/app/view/home/components/Button.css

@@ -1,13 +1,13 @@
-.Button{
+.Button {
     background: white;
-    color:black;
+    color: black;
     border-radius: 5px;
     border: none;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     padding: .25rem .5rem;
-    
+
 }
 
-.Button--active{
+.Button--active {
     background-color: rgb(231, 230, 237);
-}
+}