refactor: 前端重构控制台用户状态管理

This commit is contained in:
2025-12-17 15:38:06 +08:00
parent 86086a7054
commit 0f0b5f227d
6 changed files with 142 additions and 221 deletions

View File

@@ -28,7 +28,7 @@ import Link from "next/link"
import { User } from "@/lib/types/user"
import { Role } from "@/lib/types/role"
export function AppSidebar({ user, isUserLoading, ...props }: React.ComponentProps<typeof Sidebar> & { user: User | undefined, isUserLoading: boolean }) {
export function AppSidebar({ user, ...props }: React.ComponentProps<typeof Sidebar> & { user: User | null }) {
const data = {
user: {
name: "shadcn",
@@ -49,76 +49,74 @@ export function AppSidebar({ user, isUserLoading, ...props }: React.ComponentPro
}[],
}
if (!isUserLoading) {
data.navMain = [
{
title: "网站管理",
url: "/console/web",
icon: SquareTerminal,
isHidden: !user?.roles.includes(Role.Admin),
items: [
{
title: "资源",
url: "/console/web/resource",
},
{
title: "博客",
url: "/console/web/blog",
},
],
},
{
title: "用户管理",
url: "/console/user/list",
icon: UsersRound,
isHidden: !user?.roles.includes(Role.Admin),
},
{
title: "邮件系统",
url: "/console/mail",
icon: Mail,
items: [
{
title: "收件箱",
url: "/console/mail/inbox",
},
{
title: "已发送",
url: "/console/mail/sent",
},
{
title: "发送邮件",
url: "/console/mail/send",
},
{
title: "邮件管理",
url: "/console/mail/manage",
isHidden: !user?.roles.includes(Role.Admin),
},
],
},
{
title: "文件存储",
url: "/console/storage",
icon: CloudUpload,
},
{
title: "虚拟云空间",
url: "/console/vspace",
icon: Inbox,
},
{
title: "虚拟主机",
url: "/console/vserver",
icon: Server,
},
{
title: "前往首页",
url: "/",
icon: Undo2,
},
]
}
data.navMain = [
{
title: "网站管理",
url: "/console/web",
icon: SquareTerminal,
isHidden: !user?.roles.includes(Role.Admin),
items: [
{
title: "资源",
url: "/console/web/resource",
},
{
title: "博客",
url: "/console/web/blog",
},
],
},
{
title: "用户管理",
url: "/console/user/list",
icon: UsersRound,
isHidden: !user?.roles.includes(Role.Admin),
},
{
title: "邮件系统",
url: "/console/mail",
icon: Mail,
items: [
{
title: "收件箱",
url: "/console/mail/inbox",
},
{
title: "已发送",
url: "/console/mail/sent",
},
{
title: "发送邮件",
url: "/console/mail/send",
},
{
title: "邮件管理",
url: "/console/mail/manage",
isHidden: !user?.roles.includes(Role.Admin),
},
],
},
{
title: "文件存储",
url: "/console/storage",
icon: CloudUpload,
},
{
title: "虚拟云空间",
url: "/console/vspace",
icon: Inbox,
},
{
title: "虚拟主机",
url: "/console/vserver",
icon: Server,
},
{
title: "前往首页",
url: "/",
icon: Undo2,
},
]
return (
<Sidebar collapsible="icon" {...props}>
@@ -145,7 +143,7 @@ export function AppSidebar({ user, isUserLoading, ...props }: React.ComponentPro
<NavMain items={data.navMain} />
</SidebarContent>
<SidebarFooter>
<NavUser user={user} isUserLoading={isUserLoading} />
<NavUser user={user} />
</SidebarFooter>
<SidebarRail />
</Sidebar>