zetaloop
28 lines
758 B
TypeScript
28 lines
758 B
TypeScript
"use client"
|
|
|
|
import { Heart } from "lucide-react"
|
|
import { useState } from "react"
|
|
import { Button } from "@/components/ui/button"
|
|
import { useRequireAuth } from "@/lib/use-require-auth"
|
|
|
|
interface FavoriteButtonProps {
|
|
initialFavorited: boolean
|
|
}
|
|
|
|
export function FavoriteButton({ initialFavorited }: FavoriteButtonProps) {
|
|
const [favorited, setFavorited] = useState(initialFavorited)
|
|
const { requireAuth } = useRequireAuth()
|
|
|
|
return (
|
|
<Button
|
|
variant={favorited ? "default" : "outline"}
|
|
size="sm"
|
|
className="gap-1.5"
|
|
onClick={() => requireAuth(() => setFavorited(!favorited))}
|
|
>
|
|
<Heart className={`h-4 w-4 ${favorited ? "fill-current" : ""}`} />
|
|
{favorited ? "已收藏" : "收藏"}
|
|
</Button>
|
|
)
|
|
}
|