feat(Sidebar): update navigation items order and icons
This commit is contained in:
@@ -2,13 +2,14 @@ import { Box, List, ListItemButton, ListItemText, Typography, Collapse, ListItem
|
|||||||
import { Link, useLocation, useNavigate } from 'react-router-dom';
|
import { Link, useLocation, useNavigate } from 'react-router-dom';
|
||||||
import {
|
import {
|
||||||
LibraryBooksOutlined as KnowledgeBasesIcon,
|
LibraryBooksOutlined as KnowledgeBasesIcon,
|
||||||
AccountTreeOutlined as AgentIcon,
|
SmartToyOutlined as AgentsIcon,
|
||||||
|
AutoAwesomeOutlined as ModelsIcon,
|
||||||
|
HubOutlined as McpIcon,
|
||||||
SettingsOutlined as SettingIcon,
|
SettingsOutlined as SettingIcon,
|
||||||
Person as PersonIcon,
|
Person as PersonIcon,
|
||||||
Group as GroupIcon,
|
Group as GroupIcon,
|
||||||
ExpandMore as ExpandMoreIcon,
|
ExpandMore as ExpandMoreIcon,
|
||||||
ExpandLess as ExpandLessIcon,
|
ExpandLess as ExpandLessIcon,
|
||||||
|
|
||||||
} from '@mui/icons-material';
|
} from '@mui/icons-material';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { useMemo, useState } from 'react';
|
import { useMemo, useState } from 'react';
|
||||||
@@ -32,10 +33,11 @@ const Sidebar = () => {
|
|||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
const navItems: MenuItem[] = useMemo(() => ([
|
const navItems: MenuItem[] = useMemo(() => ([
|
||||||
|
// 顺序:模型 -> 知识库 -> MCP -> 智能体 -> 设置
|
||||||
|
{ text: t('header.models'), path: '/models', icon: ModelsIcon },
|
||||||
{ text: t('header.knowledgeBase'), path: '/knowledge', icon: KnowledgeBasesIcon },
|
{ text: t('header.knowledgeBase'), path: '/knowledge', icon: KnowledgeBasesIcon },
|
||||||
{ text: t('header.agents'), path: '/agents', icon: AgentIcon },
|
{ text: t('header.mcp'), path: '/mcp', icon: McpIcon },
|
||||||
{ text: t('header.models'), path: '/models', icon: AgentIcon },
|
{ text: t('header.agents'), path: '/agents', icon: AgentsIcon },
|
||||||
{ text: t('header.mcp'), path: '/mcp', icon: AgentIcon },
|
|
||||||
{
|
{
|
||||||
text: t('header.setting'),
|
text: t('header.setting'),
|
||||||
path: '/setting',
|
path: '/setting',
|
||||||
|
|||||||
Reference in New Issue
Block a user