diff --git a/packages/app/src/Pages/Layout/NavSidebar.tsx b/packages/app/src/Pages/Layout/NavSidebar.tsx
index 169e3759..53eb2531 100644
--- a/packages/app/src/Pages/Layout/NavSidebar.tsx
+++ b/packages/app/src/Pages/Layout/NavSidebar.tsx
@@ -1,5 +1,5 @@
import { LogoHeader } from "./LogoHeader";
-import { Link, useNavigate } from "react-router-dom";
+import { NavLink, useNavigate } from "react-router-dom";
import Icon from "@/Icons/Icon";
import { ProfileLink } from "../../Element/User/ProfileLink";
import Avatar from "../../Element/User/Avatar";
@@ -42,6 +42,12 @@ const MENU_ITEMS = [
},
];
+const getNavLinkClass = (isActive: boolean) => {
+ return isActive ?
+ "xl:ml-1 py-4 hover:no-underline flex flex-row items-center text-nostr-purple" :
+ "xl:ml-1 py-4 hover:no-underline hover:text-nostr-purple flex flex-row items-center";
+};
+
export default function NavSidebar() {
const { publicKey } = useLogin(s => ({
publicKey: s.publicKey,
@@ -65,8 +71,7 @@ export default function NavSidebar() {
+ className={({ isActive }) => getNavLinkClass(isActive)}>
{item.label}
@@ -103,11 +108,3 @@ export default function NavSidebar() {
);
}
-
-function NavLink({ children, ...props }) {
- return (
-
- {children}
-
- );
-}