corection actualisation like

Site Web/client/src/components/Post/ButtonLike.js

@@ -6,7 +6,7 @@ import CoeurPlein from '../../assets/img/coeursPlein.png';
 import { likePost, unlikePost } from '../../actions/post.actions';
 
 const ButtonLike = ( { post } ) => {
-  const [liked, setLiked] = useState(false);
+  /*const [liked, setLiked] = useState(false);
   const uid = useContext(UidContext);
   const dispatch = useDispatch();
 
@@ -33,13 +33,44 @@ const ButtonLike = ( { post } ) => {
   return (
       <div>
           {uid && liked === false && (
-          <img src={Coeur} onClick={like} alt="like" />
+              <img src={Coeur} onClick={like} alt="like" />
           )}
           {uid && liked && (
               <img src={CoeurPlein} onClick={unlike} alt="unlike" />
           )}
       </div>
-  );
+  );*/
+
+  const [likes, setLikes] = useState(post.likers.length);
+  const [liked, setLiked] = useState(false);
+  const uid = useContext(UidContext);
+  const dispatch = useDispatch();
+
+  const handleLike = () => {
+    if (!liked) {
+      setLikes(likes + 1);
+      dispatch(unlikePost(post._id, uid));
+      setLiked(true);
+    } else {
+      setLikes(likes - 1);
+      dispatch(unlikePost(post._id, uid));
+      setLiked(false);
+    }
+  }
+
+  return (
+      <>
+      <div>
+        {uid && liked === false && (
+            <img src={Coeur} onClick={handleLike} alt="like" /> )
+        }
+        {uid && liked && (
+            <img src={CoeurPlein} onClick={handleLike} alt="unlike" />
+        )}
+      </div>
+          <div>{likes}</div>
+      </>
+  )
 };
 
 export default ButtonLike;

Site Web/client/src/components/Post/Post.js

@@ -75,7 +75,6 @@ const Post = ( { post } ) => {
                     <div id="basPoste">
                         <div id="like">
                             <ButtonLike post={post}/>
-                            <div>{post.likers.length}</div>
                         </div>
                         <div id="commentaire">
                             <img src={Commentaire} onClick={() => setComments(!comments)}/>