diff --git a/Site Web/client/src/components/Post/ButtonLike.js b/Site Web/client/src/components/Post/ButtonLike.js index d6305868..cbd71345 100644 --- a/Site Web/client/src/components/Post/ButtonLike.js +++ b/Site Web/client/src/components/Post/ButtonLike.js @@ -6,71 +6,41 @@ import CoeurPlein from '../../assets/img/coeursPlein.png'; import { likePost, unlikePost } from '../../actions/post.actions'; const ButtonLike = ( { post } ) => { - /*const [liked, setLiked] = useState(false); const uid = useContext(UidContext); + const [likes, setLikes] = useState(post.likers.length); + const [liked, setLiked] = useState(post.likers.includes(uid)); const dispatch = useDispatch(); const like = (e) => { e.preventDefault(); - dispatch(likePost(post._id, uid)); + setLikes(likes + 1); setLiked(true); + dispatch(likePost(post._id, uid)); }; const unlike = (e) => { e.preventDefault(); - dispatch(unlikePost(post._id, uid)); + setLikes(likes - 1); setLiked(false); + dispatch(unlikePost(post._id, uid)); }; - useEffect(() => { - if (post.likers.includes(uid)) { - setLiked(true); - } else { - setLiked(false); - } - }, [uid, post.likers, liked]); - - return ( -