fix: exclude header active status

Signed-off-by: Innei <i@innei.in>
Innei · Feb 14, 2024 · bf8b3ab · bf8b3ab
1 parent 84ed850
commit bf8b3ab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/layout/header/config.ts b/src/components/layout/header/config.ts
@@ -21,7 +21,8 @@ export interface IHeaderMenu {
   path: string
   type?: string
   icon?: ReactNode
-  subMenu?: IHeaderMenu[]
+  subMenu?: Omit<IHeaderMenu, 'exclude'>[]
+  exclude?: string[]
 }
 export const headerMenuConfig: IHeaderMenu[] = [
   {
@@ -43,6 +44,7 @@ export const headerMenuConfig: IHeaderMenu[] = [
     type: 'Note',
     path: '/notes',
     icon: h(FaSolidFeatherAlt),
+    exclude: ['/notes/topics'],
   },
 
   {

diff --git a/src/components/layout/header/internal/HeaderContent.tsx b/src/components/layout/header/internal/HeaderContent.tsx
@@ -136,7 +136,8 @@ const ForDesktop: Component<{
               subItemActive={section.subMenu?.[subItemActive]}
               isActive={
                 pathname === section.path ||
-                pathname.startsWith(`${section.path}/`) ||
+                (pathname.startsWith(`${section.path}/`) &&
+                  !section.exclude?.includes(pathname)) ||
                 subItemActive > -1 ||
                 false
               }