Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1193 | Rev 1198 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1192 stevensc 1 
import React from 'react'
2 
import { useState } from 'react';
1193 stevensc 3 
/* import { useDispatch } from 'react-redux'; */
4 
/* import { addNotification } from '../../../../redux/notification/notification.actions'; */
1192 stevensc 5 
 
1194 stevensc 6 
const LikeButton = ({ likeUrl, showCounter = false }) => {
1192 stevensc 7 
 
8 
    const [isLike, setIsLike] = useState(false);
9 
    const [likesState, setLikesState] = useState(0);
1193 stevensc 10 
    /* const dispatch = useDispatch() */
1192 stevensc 11 
 
12 
    const handleClick = (url) => {
1193 stevensc 13 
        if (!url) {
14 
            setIsLike(!isLike)
15 
        }
16 
        /* else {
1192 stevensc 17 
            axios.post(url)
18 
                .then((res) => {
19 
                    const { success, data } = res.data;
20 
                    if (!success) {
21 
                        setIsLike(!isLike);
22 
                        dispatch(addNotification({
23 
                            style: "danger",
24 
                            msg: data,
25 
                        }));
26 
                    } else {
27 
                        setLikesState(data.likes)
28 
                        setIsLike(!isLike);
29 
                    }
30 
                });
1193 stevensc 31 
        } */
1192 stevensc 32 
    }
33 
 
34 
    return (
35 
        <button
36 
            type="button"
37 
            className={isLike ? "btn-unlike" : "btn-like"}
38 
            onClick={() => handleClick(likeUrl)}
39 
        >
40 
            <i className={isLike ? "fas fa-heart" : "far fa-heart"}></i>
1194 stevensc 41 
            {showCounter && likesState}
1192 stevensc 42 
        </button>
43 
    )
44 
}
45 
 
46 
export default LikeButton