fix: issue where all paths were active on homepage

marcelblijleven · Sep 29, 2023 · 59f82f1 · 59f82f1
1 parent f6973f8
commit 59f82f1
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/layout/navigation.tsx b/src/components/layout/navigation.tsx
@@ -78,7 +78,7 @@ function MobileMenuItems(props: MobileMenuItemsProps) {
                 previousValue.push(
                     <li key={currentValue.label + "-separator"} className={cn("transition-all", props.open ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-24")}>
                         <Link
-                            data-active={currentValue.href.includes(pathname)}
+                            data-active={pathname !== "/" && currentValue.href.includes(pathname)}
                             onClick={props.onClick}
                             className={"w-full data-[active='true']:font-bold"} href={currentValue.href}>{currentValue.label}</Link>
                     </li>