From 68f45963ee912a1b0a91b261d0c1cfd9b9c11bc2 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Tue, 5 Nov 2024 23:17:14 +0100
Subject: [PATCH] fix: change the conditions on which links in the header are
 marked as active

---
 components/Header.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Header.jsx b/components/Header.jsx
index ce50410..71959fd 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -35,7 +35,7 @@ function Header({ docLinks }) {
                 <Link
                   href={navLink.href}
                   target={navLink.target}
-                  className={`inline-block self-center ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
+                  className={`inline-block self-center ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
                 >
                   {navLink.label}
                 </Link>
@@ -131,7 +131,7 @@ function Header({ docLinks }) {
               <Link
                 href={navLink.href}
                 target={navLink.target}
-                className={`inline-block align-middle ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
+                className={`inline-block align-middle ${pathname == navLink.href || (navLink.href != "/" && pathname.indexOf(navLink.href + "/") == 0) ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
               >
                 {navLink.label}
               </Link>