22 lines
662 B
TypeScript
22 lines
662 B
TypeScript
|
import axios from "axios";
|
||
|
|
import React, {useCallback,useMemo} from "react";
|
||
|
|
|
||
|
|
import useCurrentUser from "@/hooks/useCurrentUser";
|
||
|
|
import useFavorite from "@/hooks/useFavorite";
|
||
|
|
import { AiOutlinePlus } from "react-icons/ai"
|
||
|
|
|
||
|
|
interface FavoriteButtonProps {
|
||
|
|
movieId: string
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
const FavoriteButton: React.FC<FavoriteButtonProps> = ({movieId}) => {
|
||
|
|
return (
|
||
|
|
<div className="cursor-pointer group/item w-6 h-6 lg:w-10 lg:h-10 border-white border-2 rounded-full flex justify-center items-center transition hover:border-neutral-300 ">
|
||
|
|
<AiOutlinePlus className="text-white" size={25} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default FavoriteButton;
|