diff --git a/src/components/SideMenu.tsx b/src/components/SideMenu.tsx index 7dec168..5050302 100644 --- a/src/components/SideMenu.tsx +++ b/src/components/SideMenu.tsx @@ -2,7 +2,7 @@ import type { MenuProps } from "antd"; import { Menu } from "antd"; import icon_logo from "../assets/icon_logo.svg"; import icon_measure from "../assets/menu/icon_measure.svg"; -import { useNavigate, useLocation } from 'react-router-dom'; +import { useNavigate, useLocation } from "react-router-dom"; import "./SideMenu.scss"; type MenuItem = Required["items"][number]; @@ -28,8 +28,13 @@ const items: MenuItem[] = [ export default function SideMenu() { const navigate = useNavigate(); const location = useLocation(); + const key = + location.pathname === "/measure/detail" + ? "/measure/detail" + : location.pathname.startsWith("/measure") + ? "/measure/config" + : location.pathname; const onClick: MenuProps["onClick"] = e => { - console.log("click menu----", e); navigate(e.key); }; return ( @@ -39,9 +44,8 @@ export default function SideMenu() { className="side-menu" onClick={onClick} style={{ width: "100%", backgroundColor: "transparent", color: "#fff" }} - defaultSelectedKeys={["1"]} defaultOpenKeys={["measure"]} - selectedKeys={[location.pathname]} + selectedKeys={[key]} mode="inline" items={items} />