Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64

/srv/data/trash/vhost_www.traiteur-75.fr_1689065491/htdocs/assets/js/back/

/srv/data/trash/vhost_www.traiteur-75.fr_1689065491/htdocs/assets/js/back/FavoriteButton.js

 import React, { useEffect, useState } from 'react';
import addFavorite from "./api/addFavorite";
import removeFavorite from "./api/removeFavorite";



const FavoriteButton = ({isFavoriteData, id}) => {
    const [isFavorite, setIsFavorite] = useState(false)


    useEffect(() => {
        if(isFavoriteData == "true"){
            setIsFavorite(true)
        }else{
            setIsFavorite(false)
        }
    }, []);

    const handleClick = () => {
        if(!isFavorite){
            addFavorite(id);
        }
        else{
            removeFavorite(id);
        }
        setIsFavorite(!isFavorite);
    }

    if (isFavorite) {
        return (
            <a onClick={() => handleClick()}>
                <i className="fas fa-heart" style={{color: "red", fontSize: "20px"}}></i>
            </a>
        )
    }
    else{
        return (
            <a onClick={() => handleClick()} >
                  <i class="far fa-heart" style={{color: "red", fontSize: "20px"}}></i>
            </a>
        )
    }

}
export default FavoriteButton;