add likes counts

Author: cadence09

src/components/PostForm.js

@@ -69,7 +69,8 @@ const PostForm =()=>{
           title:dataInputs.title,
           country:dataInputs.country,
           state:dataInputs.state,
-          days:dataInputs.day
+          days:dataInputs.day,
+          likes:0
       })
       .then((res)=>{
           console.log("data received")

src/components/PostList.js

@@ -1,8 +1,24 @@
 import React from 'react';
+import axios from 'axios';
 
 import history from './../history';
 const PostList = ({posts})=>{
-   
+    const like_post=(e,post_id)=>{
+        e.preventDefault();
+
+     console.log("new",posts[0].id,post_id)
+     for(let i=0; i<posts.length; i++){
+         if(post_id == posts[i].id){
+             console.log("yes")
+             posts[i].likes+=1
+             axios.patch(`http://localhost:5000/travelposts/${post_id}`,{
+                likes_count:posts[i].likes
+            })
+         }
+     }
+    
+    }
+
     return (
         <div>
             <h1>post</h1>
@@ -15,8 +31,12 @@ const PostList = ({posts})=>{
                            {post.days.map((days,i)=>{
 
                             if(i===0){
-                                return (<img onClick={()=>history.push(`/postCard/${post.id}`)} height="200" width="300" src={days.photosList[0].photo} alt="post cover picture"/>)
+                                return (
+                                <div>
+                                    <img onClick={()=>history.push(`/postCard/${post.id}`)} height="200" width="300" src={days.photosList[0].photo} alt="post cover picture"/>
+                                </div>)
                         }})}
+                            <p onClick={(e)=>like_post(e,post.id)}>💗{post.likes}</p>
                           <p onClick={()=>history.push(`/postCard/${post.id}`)}>{post.title}</p>
                           {post.state}-{post.country}
                     </div>