saved states of post for each user

functions/handlers/post.js

@@ -160,6 +160,24 @@ exports.quoteWithoutPost = (req, res) => {
 
 }
 
+exports.checkforLikePost = (req, res) => {
+    const likedPostDoc = admin.firestore().collection('likes').where('userHandle', '==', req.user.handle)
+    .where('postId', '==', req.params.postId).limit(1);
+    let result;
+
+    likedPostDoc.get()
+    .then((data) => {
+        if (data.empty) {
+            result = false;
+            return res.status(200).json(result);
+        }
+        else
+        {
+            result = true;
+            return res.status(200).json(result);
+        }
+    })
+}
 
 exports.likePost = (req, res) => {
     let postData;
@@ -201,6 +219,7 @@ exports.likePost = (req, res) => {
 
 }
 
+
 exports.unlikePost = (req, res) => {
 
     let postData;

functions/index.js

@@ -70,7 +70,7 @@ app.post("/removeSub", fbAuth, removeSub);
 /*------------------------------------------------------------------*
  *  handlers/post.js                                                *
  *------------------------------------------------------------------*/
-const { getallPostsforUser, getallPosts, putPost, likePost, unlikePost, quoteWithPost, quoteWithoutPost} = require("./handlers/post");
+const { getallPostsforUser, getallPosts, putPost, likePost, unlikePost, quoteWithPost, quoteWithoutPost, checkforLikePost} = require("./handlers/post");
 
 app.get("/getallPostsforUser", fbAuth, getallPostsforUser);
 
@@ -81,6 +81,7 @@ app.post("/putPost", fbAuth, putPost);
 
 app.get("/like/:postId", fbAuth, likePost);
 app.get("/unlike/:postId", fbAuth, unlikePost);
+app.get("/checkforLikePost/:postId", fbAuth, checkforLikePost);
 
 app.post("/quoteWithPost/:postId", fbAuth, quoteWithPost);
 app.post("/quoteWithoutPost/:postId", fbAuth, quoteWithoutPost);

twistter-frontend/src/pages/Home.js

@@ -32,9 +32,6 @@ class Home extends Component {
         this.setState({
           posts: res.data
         })
-        this.setState({posts: (this.state.posts).sort((a,b) =>
-          -a.createdAt.localeCompare(b.createdAt))
-        })
       })
       .catch(err => console.log(err));
   }
@@ -54,16 +51,15 @@ class Home extends Component {
               }
             </Typography>
             <Typography variant="h7"><b>{post.userHandle}</b></Typography>
-            <Typography variant="body2" color={"textSecondary"}>{post.createdAt.substring(0,10) + 
+            <Typography variant="body2" color={"textSecondary"}>{post.createdAt}</Typography>
-                                                          " " + post.createdAt.substring(11,19)}</Typography>
             <br />
             <Typography variant="body1"><b>{post.microBlogTitle}</b></Typography>
             <Typography variant="body2">{post.body}</Typography>
             <br />
-            <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics.join("," + " ")}</Typography>        
+            <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics}</Typography>        
             <br />
-            <Typography variant="body2" color={"textSecondary"}>Likes {post.likeCount}</Typography>
+            {/* <Typography variant="body2" color={"textSecondary"}>Likes {post.likeCount}</Typography> */}
-            <Like microBlog = {post.postId}></Like>
+            <Like microBlog = {post.postId} count = {post.likeCount}></Like>
             <Quote microblog = {post.postId}></Quote>
           </CardContent>
         </Card>
@@ -234,7 +230,7 @@ class Like extends Component {
   constructor(props) {
     super(props)
     this.state = {
-      like: false
+         
     }
 
     this.handleClick = this.handleClick.bind(this);
@@ -267,17 +263,43 @@ class Like extends Component {
                   console.log(err);
                 })
             }
-  
+            
+            
   }
+
+  componentDidMount() {
+    axios.get(`/checkforLikePost/${this.props.microBlog}`)
+    .then((res) => {
+      this.setState({
+        like: res.data
+      })
+      console.log(res.data);
+    })
+    .catch((err) => {
+      console.log(err)
+    })
+  }
+  
     render() {
+      
       const label = this.state.like ? 'Unlike' : 'Like'
       return(
         <div>
+          <Typography variant="body2" color={"textSecondary"}>Likes {this.props.count}</Typography>
           <button onClick={this.handleClick}>{label}</button>
         </div>
       )
     }
 
 }
+Quote.propTypes = {
+  user: PropTypes.object.isRequired
+}
 
-export default connect(mapStateToProps)(Home);
+Like.propTypes = {
+  user: PropTypes.object.isRequired
+}
+
+
+
+export default connect(mapStateToProps)(Home, Quote, Like);

twistter-frontend/src/pages/user.js

@@ -132,9 +132,6 @@ class user extends Component {
         this.setState({
           posts: res.data
         })
-        this.setState({posts: (this.state.posts).sort((a,b) =>
-          -a.createdAt.localeCompare(b.createdAt))
-        })
       })
       .catch(err => console.log(err));
   }
@@ -205,15 +202,14 @@ class user extends Component {
             </Typography>
 
             <Typography variant="h7"><b>{post.userHandle}</b></Typography>
-            <Typography variant="body2" color={"textSecondary"}>{post.createdAt.substring(0,10) + 
+            <Typography variant="body2" color={"textSecondary"}>{post.createdAt}</Typography>
-                                                          " " + post.createdAt.substring(11,19)}</Typography>
             <br />
             <Typography variant="body1">
               <b>{post.microBlogTitle}</b>
             </Typography>
             <Typography variant="body2">{post.body}</Typography>
             <br />
-            <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics.join("," + " ")}</Typography>
+            <Typography variant="body2"><b>Topics:</b> {post.microBlogTopics}</Typography>
             <br />
             <Typography variant="body2" color={"textSecondary"}>Likes {post.likeCount}</Typography>
           </CardContent>