fix(dashboard): scope owner and service views by resolved shop

This commit is contained in:
zetaloop
2026-02-22 17:14:52 +08:00
parent 1f2dc1434b
commit 1dfcd3927d
11 changed files with 269 additions and 70 deletions
+34 -7
View File
@@ -2,7 +2,7 @@
import { DollarSign, Edit, ExternalLink, ListOrdered, Star, Users } from "lucide-react"
import Link from "next/link"
import { useEffect, useState } from "react"
import { useState } from "react"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
@@ -10,21 +10,48 @@ import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Separator } from "@/components/ui/separator"
import { Textarea } from "@/components/ui/textarea"
import { resolveOwnerShop } from "@/lib/domain/resolve-current-shop"
import type { Shop } from "@/lib/types"
import { useAuthStore } from "@/store/auth"
import { useShopStore } from "@/store/shops"
export default function ShopManagementPage() {
const shop = useShopStore((state) => state.shops[0])
const userId = useAuthStore((state) => state.user?.id)
const shops = useShopStore((state) => state.shops)
const shop = resolveOwnerShop(userId, shops)
const updateShop = useShopStore((state) => state.updateShop)
const updateAnnouncement = useShopStore((state) => state.updateAnnouncement)
const addAnnouncement = useShopStore((state) => state.addAnnouncement)
if (!shop) {
return <div className="text-sm text-muted-foreground"></div>
}
return (
<ShopManagementContent
key={shop.id}
shop={shop}
updateShop={updateShop}
updateAnnouncement={updateAnnouncement}
addAnnouncement={addAnnouncement}
/>
)
}
function ShopManagementContent({
shop,
updateShop,
updateAnnouncement,
addAnnouncement,
}: {
shop: Shop
updateShop: (shopId: string, patch: Partial<Omit<Shop, "id" | "owner">>) => void
updateAnnouncement: (shopId: string, index: number, announcement: string) => void
addAnnouncement: (shopId: string, announcement: string) => void
}) {
const [name, setName] = useState(shop.name)
const [description, setDescription] = useState(shop.description)
useEffect(() => {
setName(shop.name)
setDescription(shop.description)
}, [shop])
return (
<div className="space-y-6">
<div className="flex items-center justify-between">