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,
},
];