diff --git a/src/components/layout/layout-item.tsx b/src/components/layout/layout-item.tsx index c9496e7b..d48c94c4 100644 --- a/src/components/layout/layout-item.tsx +++ b/src/components/layout/layout-item.tsx @@ -14,7 +14,7 @@ interface Props { icon: React.ReactNode; } export const LayoutItem = (props: Props) => { - const { to, children, icon: Icon } = props; + const { to, children, icon } = props; const resolved = useResolvedPath(to); const match = useMatch({ path: resolved.pathname, end: true }); @@ -53,10 +53,8 @@ export const LayoutItem = (props: Props) => { ]} onClick={() => navigate(to)} > - - - - + {icon} + ); diff --git a/src/pages/_routers.tsx b/src/pages/_routers.tsx index 5a57d674..a9b21e0c 100644 --- a/src/pages/_routers.tsx +++ b/src/pages/_routers.tsx @@ -18,43 +18,43 @@ export const routers = [ { label: "Label-Proxies", link: "/", - icon: ProxiesSvg, + icon: , ele: ProxiesPage, }, { label: "Label-Profiles", link: "/profile", - icon: ProfilesSvg, + icon: , ele: ProfilesPage, }, { label: "Label-Connections", link: "/connections", - icon: ConnectionsSvg, + icon: , ele: ConnectionsPage, }, { label: "Label-Rules", link: "/rules", - icon: RulesSvg, + icon: , ele: RulesPage, }, { label: "Label-Logs", link: "/logs", - icon: LogsSvg, + icon: , ele: LogsPage, }, { label: "Label-Test", link: "/test", - icon: TestSvg, + icon: , ele: TestPage, }, { label: "Label-Settings", link: "/settings", - icon: SettingsSvg, + icon: , ele: SettingsPage, }, ];