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

This commit is contained in:
zetaloop
2026-02-20 18:35:14 +08:00
parent 1938f9041d
commit 91d1694bcd
5 changed files with 63 additions and 2 deletions
+6 -1
View File
@@ -1,6 +1,7 @@
import { CheckCircle, Clock, MapPin, MessageSquare, ShoppingBag, Star } from "lucide-react"
import Link from "next/link"
import { notFound } from "next/navigation"
import { FavoriteButton } from "@/components/favorite-button"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
@@ -14,7 +15,7 @@ import {
} from "@/components/ui/card"
import { Separator } from "@/components/ui/separator"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { mockPlayers, mockReviews, mockServices } from "@/lib/mock-data"
import { mockFavorites, mockPlayers, mockReviews, mockServices } from "@/lib/mock-data"
export default async function PlayerDetailPage({ params }: { params: Promise<{ id: string }> }) {
const { id } = await params
@@ -29,6 +30,9 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
player.services && player.services.length > 0
? player.services
: mockServices.filter((s) => s.playerId === player.id)
const isFavorited = mockFavorites.some(
(f) => f.userId === "u1" && f.targetType === "player" && f.targetId === player.id,
)
return (
<div className="container mx-auto py-8 px-4 max-w-5xl">
@@ -72,6 +76,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
</Button>
</Link>
)}
<FavoriteButton initialFavorited={isFavorited} />
</div>
<div className="bg-muted/50 p-4 rounded-lg">
+6 -1
View File
@@ -2,11 +2,12 @@ import { Gamepad2, Megaphone, ShoppingBag, Star, Users } from "lucide-react"
import Image from "next/image"
import Link from "next/link"
import { notFound } from "next/navigation"
import { FavoriteButton } from "@/components/favorite-button"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Badge } from "@/components/ui/badge"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Separator } from "@/components/ui/separator"
import { mockPlayers, mockReviews, mockServices, mockShops } from "@/lib/mock-data"
import { mockFavorites, mockPlayers, mockReviews, mockServices, mockShops } from "@/lib/mock-data"
interface PageProps {
params: Promise<{ id: string }>
@@ -24,6 +25,9 @@ export default async function ShopPage({ params }: PageProps) {
const playerIds = shopPlayers.map((p) => p.id)
const shopServices = mockServices.filter((s) => playerIds.includes(s.playerId))
const shopReviews = mockReviews.filter((r) => playerIds.includes(r.toUserId))
const isFavorited = mockFavorites.some(
(f) => f.userId === "u1" && f.targetType === "shop" && f.targetId === shop.id,
)
const sortedSections = [...shop.templateConfig.sections]
.filter((s) => s.enabled)
@@ -98,6 +102,7 @@ export default async function ShopPage({ params }: PageProps) {
{shop.owner.bio || "暂无介绍"}
</p>
</div>
<FavoriteButton initialFavorited={isFavorited} />
</div>
</div>
</CardContent>