fix active classname in sidebar setting page

Signed-off-by: kypham <[email protected]>
pipe-cd · Jan 23, 2025 · 82c5e98 · 82c5e98
1 parent 12145cf
commit 82c5e98
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/web/src/components/settings-page/index.tsx b/web/src/components/settings-page/index.tsx
@@ -6,7 +6,7 @@ import {
   makeStyles,
 } from "@material-ui/core";
 import { FC, memo } from "react";
-import { NavLink, Outlet } from "react-router-dom";
+import { NavLink, Outlet, useLocation } from "react-router-dom";
 import {
   PAGE_PATH_SETTINGS_API_KEY,
   PAGE_PATH_SETTINGS_PIPED,
@@ -56,6 +56,7 @@ const MENU_ITEMS = [
 
 export const SettingsIndexPage: FC = memo(function SettingsIndexPage() {
   const classes = useStyles();
+  const location = useLocation();
   return (
     <div className={classes.root}>
       <Drawer