From 312061330cc107cc2b089b0e120c00ad4826cbf3 Mon Sep 17 00:00:00 2001
From: zetaloop <zetaloop@outlook.com>
Date: Sun, 22 Feb 2026 08:03:09 +0800
Subject: [PATCH] refactor(auth): unify current user state usage across UI

---
 app/(account)/settings/page.tsx | 13 +++++------
 app/(auth)/login/page.tsx       |  4 ++--
 app/(auth)/register/page.tsx    |  4 ++--
 app/(order)/chat/[id]/page.tsx  | 12 +++++-----
 app/(order)/orders/page.tsx     |  6 ++---
 components/header.tsx           | 40 +++++++++++++++++++--------------
 components/login-dialog.tsx     |  4 ++--
 components/post-comments.tsx    |  8 +++----
 8 files changed, 47 insertions(+), 44 deletions(-)

diff --git a/app/(account)/settings/page.tsx b/app/(account)/settings/page.tsx
index 0c22a45..7d02fa6 100644
--- a/app/(account)/settings/page.tsx
+++ b/app/(account)/settings/page.tsx
@@ -11,12 +11,11 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
 import { Separator } from "@/components/ui/separator"
 import { Switch } from "@/components/ui/switch"
 import { Textarea } from "@/components/ui/textarea"
-import { currentUser } from "@/lib/mock"
 import type { UserRole } from "@/lib/types"
 import { useAuthStore } from "@/store/auth"
 
 export default function SettingsPage() {
-  const { currentRole, verifiedRoles, switchRole } = useAuthStore()
+  const { currentRole, verifiedRoles, switchRole, user } = useAuthStore()
 
   const isRoleVerified = (role: UserRole) => verifiedRoles.includes(role)
 
@@ -31,8 +30,8 @@ export default function SettingsPage() {
         <CardContent className="flex items-center gap-4">
           <div className="relative">
             <Avatar className="h-20 w-20">
-              <AvatarImage src={currentUser.avatar} />
-              <AvatarFallback className="text-lg">{currentUser.nickname[0]}</AvatarFallback>
+              <AvatarImage src={user?.avatar} />
+              <AvatarFallback className="text-lg">{user?.nickname?.[0] ?? "?"}</AvatarFallback>
             </Avatar>
             <button
               type="button"
@@ -52,15 +51,15 @@ export default function SettingsPage() {
         <CardContent className="space-y-4">
           <div className="space-y-2">
             <Label htmlFor="nickname">昵称</Label>
-            <Input id="nickname" defaultValue={currentUser.nickname} />
+            <Input id="nickname" defaultValue={user?.nickname ?? ""} />
           </div>
           <div className="space-y-2">
             <Label htmlFor="bio">个人简介</Label>
-            <Textarea id="bio" defaultValue={currentUser.bio} rows={3} />
+            <Textarea id="bio" defaultValue={user?.bio ?? ""} rows={3} />
           </div>
           <div className="space-y-2">
             <Label htmlFor="phone">手机号</Label>
-            <Input id="phone" defaultValue={currentUser.phone} disabled />
+            <Input id="phone" defaultValue={user?.phone ?? ""} disabled />
             <p className="text-xs text-muted-foreground">如需更换手机号请联系客服</p>
           </div>
           <Button>保存修改</Button>
diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index ef6abf3..f342c07 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -9,7 +9,7 @@ import { z } from "zod"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
-import { currentUser } from "@/lib/mock"
+import { getCurrentUserForLogin } from "@/lib/api"
 import { useAuthStore } from "@/store/auth"
 
 const loginSchema = z.object({
@@ -30,7 +30,7 @@ export default function LoginPage() {
 
   const onSubmit = async (_data: z.infer<typeof loginSchema>) => {
     await new Promise((r) => setTimeout(r, 500))
-    login(currentUser, ["consumer", "player", "owner"])
+    login(getCurrentUserForLogin(), ["consumer", "player", "owner"])
     router.push("/")
   }
 
diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index 217f994..9de158c 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -9,7 +9,7 @@ import { z } from "zod"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
-import { currentUser } from "@/lib/mock"
+import { getCurrentUserForLogin } from "@/lib/api"
 import { useAuthStore } from "@/store/auth"
 
 const registerSchema = z
@@ -37,7 +37,7 @@ export default function RegisterPage() {
 
   const onSubmit = async (_data: z.infer<typeof registerSchema>) => {
     await new Promise((r) => setTimeout(r, 500))
-    login(currentUser, ["consumer"])
+    login(getCurrentUserForLogin(), ["consumer"])
     router.push("/")
   }
 
diff --git a/app/(order)/chat/[id]/page.tsx b/app/(order)/chat/[id]/page.tsx
index c8b06c9..f44f986 100644
--- a/app/(order)/chat/[id]/page.tsx
+++ b/app/(order)/chat/[id]/page.tsx
@@ -28,8 +28,8 @@ export default function ChatDetailPage({ params }: { params: Promise<{ id: strin
     )
   }
 
-  const currentUserId = user?.id ?? session.participants[0].id
-  const other = session.participants.find((p) => p.id !== currentUserId) ?? session.participants[1]
+  const userId = user?.id ?? session.participants[0].id
+  const other = session.participants.find((p) => p.id !== userId) ?? session.participants[1]
 
   return (
     <div className="flex flex-col h-[calc(100vh-3.5rem)]">
@@ -69,7 +69,7 @@ export default function ChatDetailPage({ params }: { params: Promise<{ id: strin
                 </div>
               )
             }
-            const isMine = msg.senderId === currentUserId
+            const isMine = msg.senderId === userId
             return (
               <div key={msg.id} className={cn("flex gap-2", isMine && "flex-row-reverse")}>
                 <Avatar className="h-8 w-8 shrink-0">
@@ -107,13 +107,11 @@ export default function ChatDetailPage({ params }: { params: Promise<{ id: strin
               const text = input.trim()
               if (!text) return
 
-              const sender = session.participants.find(
-                (participant) => participant.id === currentUserId,
-              )
+              const sender = session.participants.find((participant) => participant.id === userId)
               sendTextMessage(
                 session.id,
                 {
-                  id: currentUserId,
+                  id: userId,
                   name: sender?.name ?? user?.nickname ?? "",
                   avatar: sender?.avatar ?? user?.avatar ?? "",
                 },
diff --git a/app/(order)/orders/page.tsx b/app/(order)/orders/page.tsx
index 58be893..afb6538 100644
--- a/app/(order)/orders/page.tsx
+++ b/app/(order)/orders/page.tsx
@@ -55,7 +55,7 @@ export default function OrderListPage() {
   const orders = useOrderStore((state) => state.orders)
   const sessions = useChatStore((state) => state.sessions)
   const ensureOrderSession = useChatStore((state) => state.ensureOrderSession)
-  const currentUserId = user?.id ?? "u1"
+  const userId = user?.id ?? "u1"
   const ownerShopId = "shop1"
 
   useEffect(() => {
@@ -74,8 +74,8 @@ export default function OrderListPage() {
   }, [orders, ensureOrderSession])
 
   const roleFiltered = orders.filter((order) => {
-    if (currentRole === "consumer") return order.consumerId === currentUserId
-    if (currentRole === "player") return order.playerId === currentUserId
+    if (currentRole === "consumer") return order.consumerId === userId
+    if (currentRole === "player") return order.playerId === userId
     return order.shopId === ownerShopId
   })
 
diff --git a/components/header.tsx b/components/header.tsx
index c962781..61f6c56 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -29,11 +29,11 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { Input } from "@/components/ui/input"
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet"
-import { currentUser, mockShops } from "@/lib/mock"
 import type { UserRole } from "@/lib/types"
 import { cn } from "@/lib/utils"
 import { useAuthStore } from "@/store/auth"
 import { useNotificationStore } from "@/store/notifications"
+import { useShopStore } from "@/store/shops"
 
 const roleLabels: Record<UserRole, string> = {
   consumer: "消费者",
@@ -45,7 +45,10 @@ export function Header() {
   const [mobileOpen, setMobileOpen] = useState(false)
   const pathname = usePathname()
   const router = useRouter()
-  const { isAuthenticated, currentRole, verifiedRoles, switchRole, logout } = useAuthStore()
+  const { isAuthenticated, currentRole, verifiedRoles, switchRole, logout, user } = useAuthStore()
+  const ownerShop = useShopStore((state) =>
+    user ? state.shops.find((shop) => shop.owner.id === user.id) : undefined,
+  )
 
   const navLinks =
     currentRole === "consumer"
@@ -84,6 +87,17 @@ export function Header() {
     if (q.trim()) router.push(`/search?q=${encodeURIComponent(q.trim())}`)
   }
 
+  const profileHref =
+    currentRole === "player"
+      ? user
+        ? `/player/${user.id}`
+        : "/settings"
+      : currentRole === "owner"
+        ? `/shop/${ownerShop?.id ?? "shop1"}`
+        : user
+          ? `/user/${user.id}`
+          : "/settings"
+
   return (
     <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container mx-auto flex h-14 items-center gap-4 px-4">
@@ -155,25 +169,17 @@ export function Header() {
                 <DropdownMenuTrigger asChild>
                   <Button variant="ghost" size="icon" className="rounded-full h-9 w-9">
                     <Avatar className="h-7 w-7">
-                      <AvatarImage src={currentUser.avatar} />
-                      <AvatarFallback>{currentUser.nickname[0]}</AvatarFallback>
+                      <AvatarImage src={user?.avatar} />
+                      <AvatarFallback>{user?.nickname?.[0] ?? "?"}</AvatarFallback>
                     </Avatar>
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-48">
-                  <DropdownMenuLabel>{currentUser.nickname}</DropdownMenuLabel>
+                  <DropdownMenuLabel>{user?.nickname ?? "未登录"}</DropdownMenuLabel>
                   <DropdownMenuSeparator />
                   <DropdownMenuGroup>
                     <DropdownMenuItem asChild>
-                      <Link
-                        href={
-                          currentRole === "player"
-                            ? `/player/${currentUser.id}`
-                            : currentRole === "owner"
-                              ? `/shop/${mockShops.find((s) => s.owner.id === currentUser.id)?.id ?? "shop1"}`
-                              : `/user/${currentUser.id}`
-                        }
-                      >
+                      <Link href={profileHref}>
                         <User className="mr-2 h-4 w-4" />
                         个人主页
                       </Link>
@@ -254,11 +260,11 @@ export function Header() {
                 {isAuthenticated && (
                   <div className="flex items-center gap-2 px-1">
                     <Avatar className="h-8 w-8">
-                      <AvatarImage src={currentUser.avatar} />
-                      <AvatarFallback>{currentUser.nickname[0]}</AvatarFallback>
+                      <AvatarImage src={user?.avatar} />
+                      <AvatarFallback>{user?.nickname?.[0] ?? "?"}</AvatarFallback>
                     </Avatar>
                     <div className="flex-1 min-w-0">
-                      <p className="text-sm font-medium truncate">{currentUser.nickname}</p>
+                      <p className="text-sm font-medium truncate">{user?.nickname ?? "未登录"}</p>
                       <p className="text-xs text-muted-foreground">{roleLabels[currentRole]}</p>
                     </div>
                   </div>
diff --git a/components/login-dialog.tsx b/components/login-dialog.tsx
index 6c080ef..7ce9fe3 100644
--- a/components/login-dialog.tsx
+++ b/components/login-dialog.tsx
@@ -14,7 +14,7 @@ import {
 } from "@/components/ui/dialog"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
-import { currentUser } from "@/lib/mock"
+import { getCurrentUserForLogin } from "@/lib/api"
 import { useAuthStore } from "@/store/auth"
 import { useLoginDialogStore } from "@/store/login-dialog"
 
@@ -42,7 +42,7 @@ export function LoginDialog({ open, onOpenChange }: LoginDialogProps) {
 
   const onSubmit = async (_data: z.infer<typeof loginSchema>) => {
     await new Promise((r) => setTimeout(r, 500))
-    login(currentUser, ["consumer", "player", "owner"])
+    login(getCurrentUserForLogin(), ["consumer", "player", "owner"])
     consumePendingAction()
     onOpenChange(false)
   }
diff --git a/components/post-comments.tsx b/components/post-comments.tsx
index 4a61901..29c64e3 100644
--- a/components/post-comments.tsx
+++ b/components/post-comments.tsx
@@ -2,7 +2,7 @@
 
 import { Heart } from "lucide-react"
 import { useState } from "react"
-import { currentUser } from "@/lib/mock"
+import { generateId } from "@/lib/id"
 import type { Comment } from "@/lib/types"
 import { useRequireAuth } from "@/lib/use-require-auth"
 import { useAuthStore } from "@/store/auth"
@@ -32,14 +32,14 @@ export function PostComments({ initialComments, postId }: PostCommentsProps) {
           requireAuth(() => {
             const nextContent = content.trim()
             if (!nextContent) return
-            const author = user ?? currentUser
+            if (!user) return
             const createdAt = new Date().toISOString()
             setComments((prev) => [
               ...prev,
               {
-                id: `comment-${postId}-${createdAt}`,
+                id: generateId(`comment-${postId}`),
                 postId,
-                author,
+                author: user,
                 content: nextContent,
                 likeCount: 0,
                 liked: false,