Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'

import { useState } from 'react';

import { useDispatch } from 'react-redux';

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

const LikeButton = ({ likeUrl }) => {

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

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

    const dispatch = useDispatch()

    const handleClick = (url) => {

        if (url) {

            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);

                    }

                });

        }

        else {

            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>

            {likesState}

        </button>

    )

}

export default LikeButton