fnvtk/cunkebao_v3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

存客宝退出登录

Browse Source
This commit is contained in:
柳清爽
2025-03-31 10:40:42 +08:00
parent 96aa9482a9
commit 0f8ea428a8
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Cunkebao/app/profile/page.tsx
View File

@@ -7,6 +7,7 @@ import { Button } from "@/components/ui/button"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { useRouter } from "next/navigation" import { useRouter } from "next/navigation"
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { useAuth } from "@/app/components/AuthProvider"
const menuItems = [ const menuItems = [
{ href: "/devices", label: "设备管理" }, { href: "/devices", label: "设备管理" },
@@ -17,12 +18,12 @@ const menuItems = [
export default function ProfilePage() { export default function ProfilePage() {
const router = useRouter() const router = useRouter()
const [isAuthenticated, setIsAuthenticated] = useState(true) // 模拟认证状态 const { isAuthenticated, user, logout } = useAuth()
const [showLogoutDialog, setShowLogoutDialog] = useState(false) const [showLogoutDialog, setShowLogoutDialog] = useState(false)
const [accountId] = useState(() => Math.floor(10000000 + Math.random() * 90000000).toString()) const [accountId] = useState(() => user?.account || Math.floor(10000000 + Math.random() * 90000000).toString())
const handleLogout = () => { const handleLogout = () => {
setIsAuthenticated(false) logout() // 使用AuthProvider中的logout方法删除本地保存的用户信息
setShowLogoutDialog(false) setShowLogoutDialog(false)
router.push("/login") router.push("/login")
} }
@@ -53,12 +54,12 @@ export default function ProfilePage() {
<Card className="p-6"> <Card className="p-6">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Avatar className="w-20 h-20"> <Avatar className="w-20 h-20">
<AvatarImage src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?w=400&h=400&auto=format&fit=crop" /> <AvatarImage src={user?.avatar || "https://images.unsplash.com/photo-1568602471122-7832951cc4c5?w=400&h=400&auto=format&fit=crop"} />
<AvatarFallback>KR</AvatarFallback> <AvatarFallback>{user?.username?.slice(0, 2) || "KR"}</AvatarFallback>
</Avatar> </Avatar>
<div className="flex-1"> <div className="flex-1">
<h2 className="text-xl font-semibold text-blue-600">卡若</h2> <h2 className="text-xl font-semibold text-blue-600">{user?.username || "用户"}</h2>
<p className="text-gray-500">账号: {accountId}</p> <p className="text-gray-500">账号: {user?.account || accountId}</p>
<div className="mt-2"> <div className="mt-2">
<Button variant="outline" size="sm"> <Button variant="outline" size="sm">
编辑资料 编辑资料