From dec71076558900eb56fbf8db50aa2e5efae4c3db Mon Sep 17 00:00:00 2001
From: Eli <88557639+lishaduck@users.noreply.github.com>
Date: Sun, 17 Dec 2023 15:37:00 -0600
Subject: [PATCH] fix(web): underline headers for subroutes

This should get simpler once we pass in children, but thats for later.
---
 src/components/Header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 41f8260b..de915ebc 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -27,7 +27,8 @@ const Header: FunctionalComponent<Props> = ({ active }: Props) => {
           <li>
             <HeaderMenu
               title={menu.name}
-              active={menu.href === active}
+              active={(active === "/" && menu.href === "/") ||
+                (active.startsWith(menu.href) && menu.href !== "/")}
               href={menu.href}
             />
           </li>