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 ( -
- {uid && liked === false && ( - like - )} - {uid && liked && ( - unlike - )} -
- );*/ - - 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 ( <> -
- {uid && liked === false && ( - like ) - } - {uid && liked && ( - unlike - )} -
-
{likes}
+
+ {uid && liked === false && ( + like + )} + {uid && liked && ( + unlike + )} +
+
+ {likes} +
- ) + ); }; export default ButtonLike; \ No newline at end of file diff --git a/Site Web/client/src/components/Post/PostNouvelleAffichage.js b/Site Web/client/src/components/Post/PostNouvelleAffichage.js index 5363bbed..f639dad5 100644 --- a/Site Web/client/src/components/Post/PostNouvelleAffichage.js +++ b/Site Web/client/src/components/Post/PostNouvelleAffichage.js @@ -68,8 +68,6 @@ const PostNouvelleAffichage = ( { post } ) => {
- {/* */} -
{post.likers.length}
setComments(!comments)}/>