Fix Links

Signed-off-by: Shinnosuke Sawada-Dazai <shin@warashi.dev>
pipe-cd · Sep 19, 2024 · 2da57f0 · 2da57f0
1 parent 8d291d0
commit 2da57f0
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/web/src/components/header/index.tsx b/web/src/components/header/index.tsx
@@ -151,33 +151,37 @@ export const Header: FC = memo(function Header() {
             <>
               <Link
                 component={RouterLink}
-                className={classes.link}
-                activeClassName={classes.activeLink}
+                className={
+                  location.pathname === PAGE_PATH_APPLICATIONS
+                    ? classes.activeLink
+                    : classes.link
+                }
                 color="inherit"
                 to={PAGE_PATH_APPLICATIONS}
-                isActive={() => location.pathname === PAGE_PATH_APPLICATIONS}
               >
                 Applications
               </Link>
               <Link
                 component={RouterLink}
-                className={classes.link}
-                activeClassName={classes.activeLink}
+                className={
+                  location.pathname === PAGE_PATH_DEPLOYMENTS
+                    ? classes.activeLink
+                    : classes.link
+                }
                 color="inherit"
                 to={PAGE_PATH_DEPLOYMENTS}
-                isActive={() => location.pathname === PAGE_PATH_DEPLOYMENTS}
               >
                 Deployments
               </Link>
               <Link
                 component={RouterLink}
-                className={classes.link}
-                activeClassName={classes.activeLink}
-                color="inherit"
-                to={PAGE_PATH_DEPLOYMENT_CHAINS}
-                isActive={() =>
+                className={
                   location.pathname === PAGE_PATH_DEPLOYMENT_CHAINS
+                    ? classes.activeLink
+                    : classes.link
                 }
+                color="inherit"
+                to={PAGE_PATH_DEPLOYMENT_CHAINS}
               >
                 Chains
               </Link>