mirror of
https://github.com/clash-verge-rev/clash-verge-rev.git
synced 2026-04-13 13:30:31 +08:00
96ce529b16
* refactor: react router * chore: update * fix: router * refactor: generate router children by navItems * chore: set start page when create window * docs: update UPDATELOG.md
94 lines
2.9 KiB
TypeScript
94 lines
2.9 KiB
TypeScript
import DnsRoundedIcon from "@mui/icons-material/DnsRounded";
|
|
import ForkRightRoundedIcon from "@mui/icons-material/ForkRightRounded";
|
|
import HomeRoundedIcon from "@mui/icons-material/HomeRounded";
|
|
import LanguageRoundedIcon from "@mui/icons-material/LanguageRounded";
|
|
import LockOpenRoundedIcon from "@mui/icons-material/LockOpenRounded";
|
|
import SettingsRoundedIcon from "@mui/icons-material/SettingsRounded";
|
|
import SubjectRoundedIcon from "@mui/icons-material/SubjectRounded";
|
|
import WifiRoundedIcon from "@mui/icons-material/WifiRounded";
|
|
import { createBrowserRouter, RouteObject } from "react-router";
|
|
|
|
import ConnectionsSvg from "@/assets/image/itemicon/connections.svg?react";
|
|
import HomeSvg from "@/assets/image/itemicon/home.svg?react";
|
|
import LogsSvg from "@/assets/image/itemicon/logs.svg?react";
|
|
import ProfilesSvg from "@/assets/image/itemicon/profiles.svg?react";
|
|
import ProxiesSvg from "@/assets/image/itemicon/proxies.svg?react";
|
|
import RulesSvg from "@/assets/image/itemicon/rules.svg?react";
|
|
import SettingsSvg from "@/assets/image/itemicon/settings.svg?react";
|
|
import UnlockSvg from "@/assets/image/itemicon/unlock.svg?react";
|
|
|
|
import Layout from "./_layout";
|
|
import ConnectionsPage from "./connections";
|
|
import HomePage from "./home";
|
|
import LogsPage from "./logs";
|
|
import ProfilesPage from "./profiles";
|
|
import ProxiesPage from "./proxies";
|
|
import RulesPage from "./rules";
|
|
import SettingsPage from "./settings";
|
|
import UnlockPage from "./unlock";
|
|
|
|
export const navItems = [
|
|
{
|
|
label: "Label-Home",
|
|
path: "/",
|
|
icon: [<HomeRoundedIcon key="mui" />, <HomeSvg key="svg" />],
|
|
Component: HomePage,
|
|
},
|
|
{
|
|
label: "Label-Proxies",
|
|
path: "/proxies",
|
|
icon: [<WifiRoundedIcon key="mui" />, <ProxiesSvg key="svg" />],
|
|
Component: ProxiesPage,
|
|
},
|
|
{
|
|
label: "Label-Profiles",
|
|
path: "/profile",
|
|
icon: [<DnsRoundedIcon key="mui" />, <ProfilesSvg key="svg" />],
|
|
Component: ProfilesPage,
|
|
},
|
|
{
|
|
label: "Label-Connections",
|
|
path: "/connections",
|
|
icon: [<LanguageRoundedIcon key="mui" />, <ConnectionsSvg key="svg" />],
|
|
Component: ConnectionsPage,
|
|
},
|
|
{
|
|
label: "Label-Rules",
|
|
path: "/rules",
|
|
icon: [<ForkRightRoundedIcon key="mui" />, <RulesSvg key="svg" />],
|
|
Component: RulesPage,
|
|
},
|
|
{
|
|
label: "Label-Logs",
|
|
path: "/logs",
|
|
icon: [<SubjectRoundedIcon key="mui" />, <LogsSvg key="svg" />],
|
|
Component: LogsPage,
|
|
},
|
|
{
|
|
label: "Label-Unlock",
|
|
path: "/unlock",
|
|
icon: [<LockOpenRoundedIcon key="mui" />, <UnlockSvg key="svg" />],
|
|
Component: UnlockPage,
|
|
},
|
|
{
|
|
label: "Label-Settings",
|
|
path: "/settings",
|
|
icon: [<SettingsRoundedIcon key="mui" />, <SettingsSvg key="svg" />],
|
|
Component: SettingsPage,
|
|
},
|
|
];
|
|
|
|
export const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
Component: Layout,
|
|
children: navItems.map(
|
|
(item) =>
|
|
({
|
|
path: item.path,
|
|
Component: item.Component,
|
|
}) as RouteObject,
|
|
),
|
|
},
|
|
]);
|