diff options
author | crupest <crupest@outlook.com> | 2021-12-06 20:52:02 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-12-06 20:52:02 +0800 |
commit | 6829f5e94b4bec96e6055a550cd5a95b1f588379 (patch) | |
tree | 9f704e53a15b53f034b02ccdc67eec210bf73f43 /FrontEnd/src/views/common | |
parent | 2d9ef25d6171890496b1c9dd48a91b11c40eca7c (diff) | |
download | timeline-6829f5e94b4bec96e6055a550cd5a95b1f588379.tar.gz timeline-6829f5e94b4bec96e6055a550cd5a95b1f588379.tar.bz2 timeline-6829f5e94b4bec96e6055a550cd5a95b1f588379.zip |
...
Diffstat (limited to 'FrontEnd/src/views/common')
-rw-r--r-- | FrontEnd/src/views/common/AppBar.tsx | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/FrontEnd/src/views/common/AppBar.tsx b/FrontEnd/src/views/common/AppBar.tsx index 5d62a88d..208da3f7 100644 --- a/FrontEnd/src/views/common/AppBar.tsx +++ b/FrontEnd/src/views/common/AppBar.tsx @@ -1,7 +1,7 @@ import React from "react"; +import classnames from "classnames"; import { useTranslation } from "react-i18next"; import { Link, NavLink } from "react-router-dom"; -import classnames from "classnames"; import { useMediaQuery } from "react-responsive"; import { useUser } from "@/services/user"; @@ -30,9 +30,8 @@ const AppBar: React.FC = (_) => { ): React.ReactNode => ( <NavLink to={link} - activeClassName="active" onClick={collapse} - className={className} + className={({ isActive }) => classnames(className, isActive && "active")} > {label} </NavLink> |