Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

import { useState } from 'react';

/* import { useDispatch } from 'react-redux'; */

/* import { addNotification } from '../../../../redux/notification/notification.actions'; */

const LikeButton = ({ likeUrl, showCounter = false, onClick }) => {

    const [isLike, setIsLike] = useState(false);

    const [likesState, setLikesState] = useState(0);

    /* const dispatch = useDispatch() */

    const handleClick = (url) => {

        if (!url) {

            setIsLike(!isLike)

            if (onClick) {

                onClick()

            }

        }

        /* else {

            axios.post(url)

                .then((res) => {

                    const { success, data } = res.data;

                    if (!success) {

                        setIsLike(!isLike);

                        dispatch(addNotification({

                            style: "danger",

                            msg: data,

                        }));

                    } else {

                        setLikesState(data.likes)

                        setIsLike(!isLike);

                    }

                });

        } */

    }

    return (

        <button

            type="button"

            className={isLike ? "btn-unlike" : "btn-like"}

            onClick={() => handleClick(likeUrl)}

        >

            <i className={isLike ? "fas fa-heart" : "far fa-heart"}></i>

            {showCounter && likesState}

        </button>

    )

}

export default LikeButton