feat: favorites — type, mock data, and buttons on player/shop detail pages

2026-02-20 18:35:14 +08:00
parent 1938f9041d
commit 91d1694bcd
5 changed files with 63 additions and 2 deletions
@@ -0,0 +1,25 @@
+"use client"
+
+import { Heart } from "lucide-react"
+import { useState } from "react"
+import { Button } from "@/components/ui/button"
+
+interface FavoriteButtonProps {
+  initialFavorited: boolean
+}
+
+export function FavoriteButton({ initialFavorited }: FavoriteButtonProps) {
+  const [favorited, setFavorited] = useState(initialFavorited)
+
+  return (
+    <Button
+      variant={favorited ? "default" : "outline"}
+      size="sm"
+      className="gap-1.5"
+      onClick={() => setFavorited(!favorited)}
+    >
+      <Heart className={`h-4 w-4 ${favorited ? "fill-current" : ""}`} />
+      {favorited ? "已收藏" : "收藏"}
+    </Button>
+  )
+}