refactor: 优化侧边栏

pipijoe · Jan 20, 2025 · bb1b92a · bb1b92a
1 parent bf8b4a9
commit bb1b92a
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 15 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,6 +36,7 @@ function App() {
                         <Routes>
                             <Route path="/login" element={<Login />} />
                             <Route path="/" element={<Home/>}/>
+                            <Route path="/welcome" element={<Home/>}/>
                             <Route path="/dashboard" element={<Dashboard/>}/>
                             <Route path="/403" element={<Forbidden />} />
                             <Route path="/500" element={<ErrorPage />} />

diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
@@ -6,7 +6,7 @@ import {
     BookOpen,
     Bot,
     BriefcaseBusiness,
-    CircleUserRound,
+    CircleUserRound, House,
     Landmark,
     LayoutDashboard,
     Mail,
@@ -40,7 +40,7 @@ import {useVisitorStore} from "@/store/visitorStore";
 const data = {
     navMain: [
         {
-            title: "Playground",
+            title: "playground",
             url: "/chat",
             icon: SquareTerminal,
             isActive: true,
@@ -50,30 +50,26 @@ const data = {
                     url: "/chat",
                 },
                 {
-                    title: "Starred",
-                    url: "#",
-                },
-                {
-                    title: "Settings",
+                    title: "settings",
                     url: "#",
                 },
             ],
         },
         {
-            title: "Models",
+            title: "models",
             url: "#",
             icon: Bot,
             items: [
                 {
-                    title: "Genesis",
+                    title: "explorer",
                     url: "#",
                 },
                 {
-                    title: "Explorer",
+                    title: "members",
                     url: "#",
                 },
                 {
-                    title: "Quantum",
+                    title: "bill",
                     url: "#",
                 },
             ],
@@ -103,6 +99,11 @@ const data = {
         },
     ],
     workplace: [
+        {
+            name: 'welcome',
+            url: "/welcome",
+            icon: House,
+        },
         {
             name: 'dashboard',
             url: "/dashboard",
@@ -190,7 +191,6 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                                 </div>
                                 <div className="flex flex-row gap-0.5 leading-none">
                                     <span className="text-2xl font-bold bg-gradient-to-r from-blue-500 via-purple-500 to-indigo-500 bg-clip-text text-transparent">X.Ryder</span>
-                                    <span className="text-sm">v1.1.2</span>
                                 </div>
                             </a>
                         </SidebarMenuButton>
@@ -199,7 +199,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
             </SidebarHeader>
             <SidebarContent className={'custom-scrollbar'}>
                 <NavSystem projects={data.workplace} label={'workplace'}/>
-                <NavMain items={data.navMain} />
+                <NavMain items={data.navMain} label={'platform'}/>
                 {
                     account.permissions && account.permissions.filter((p: string) => p.startsWith('system')).length > 0 &&
                     <NavSystem projects={data.system} label={'system'}/>

diff --git a/src/components/nav-main.tsx b/src/components/nav-main.tsx
@@ -21,7 +21,7 @@ import {NavLink} from "react-router-dom";
 import {useTranslation} from "react-i18next";
 
 export function NavMain({
-                            items,
+                            items, label
                         }: {
     items: {
         title: any
@@ -37,7 +37,7 @@ export function NavMain({
     const {t} = useTranslation();
     return (
         <SidebarGroup>
-            <SidebarGroupLabel>Platform</SidebarGroupLabel>
+            <SidebarGroupLabel>{t(label)}</SidebarGroupLabel>
             <SidebarMenu>
                 {items.map((item) => (
                     <Collapsible

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -1,4 +1,5 @@
 {
+  "welcome": "Welcome",
   "dashboard": "Dashboard",
   "monitor": "Monitor",
   "workplace": "Workplace",
@@ -9,7 +10,14 @@
   "message": "Site Message",
   "log": "Operate Log",
   "login-log": "Login Log",
+  "platform": "Platform",
   "aichat": "AiChat",
+  "settings": "Settings",
+  "playground": "Playground",
+  "models": "Models",
+  "explorer": "Explorer",
+  "members": "Members",
+  "bill": "Bill",
   "docs": "docs",
   "system": "System"
 }
diff --git a/src/locales/zh.json b/src/locales/zh.json
@@ -1,4 +1,5 @@
 {
+  "welcome": "欢迎",
   "dashboard": "仪表盘",
   "monitor": "智能监控",
   "workplace": "工作台",
@@ -9,7 +10,14 @@
   "message": "站内信",
   "log": "操作日志",
   "login-log": "登录日志",
+  "platform": "平台",
   "aichat": "智能助手",
+  "settings": "设置",
+  "playground": "练习场",
+  "models": "模型",
+  "explorer": "探索",
+  "members": "成员",
+  "bill": "账单",
   "docs": "文档",
   "system": "系统"
 }