From 5f404f62d8ebe221144dcd5a0346f4d7da81f4a9 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Fri, 6 Feb 2026 04:43:21 -0800
Subject: [PATCH] Bold text for selected items in SideNav and WebsiteNav.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/(main)/SideNav.tsx                         | 9 ++++++++-
 src/app/(main)/websites/[websiteId]/WebsiteNav.tsx | 7 ++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/SideNav.tsx b/src/app/(main)/SideNav.tsx
index 852c9c88e..bd143924e 100644
--- a/src/app/(main)/SideNav.tsx
+++ b/src/app/(main)/SideNav.tsx
@@ -98,6 +98,7 @@ export function SideNav(props: any) {
         ) : (
           <Column gap="2">
             {links.map(({ id, path, label, icon }) => {
+              const isSelected = pathname.startsWith(renderUrl(path, false));
               return (
                 <Link key={id} href={renderUrl(path, false)} role="button">
                   <TooltipTrigger isDisabled={!isCollapsed} delay={0}>
@@ -105,10 +106,16 @@ export function SideNav(props: any) {
                       <Row
                         alignItems="center"
                         hover={{ backgroundColor: 'surface-sunken' }}
+                        backgroundColor={isSelected ? 'surface-sunken' : undefined}
                         borderRadius
                         minHeight="40px"
                       >
-                        <IconLabel icon={icon} label={isCollapsed ? '' : label} padding />
+                        <IconLabel
+                          icon={icon}
+                          label={isCollapsed ? '' : label}
+                          weight={isSelected ? 'bold' : undefined}
+                          padding
+                        />
                       </Row>
                     </Focusable>
                     <Tooltip placement="right">{label}</Tooltip>
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
index d43a1c141..c23b1fe23 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
@@ -93,7 +93,12 @@ export function WebsiteNav({
                         borderRadius
                         minHeight="40px"
                       >
-                        <IconLabel icon={icon} label={isCollapsed ? '' : label} padding />
+                        <IconLabel
+                          icon={icon}
+                          label={isCollapsed ? '' : label}
+                          weight={isSelected ? 'bold' : undefined}
+                          padding
+                        />
                       </Row>
                     </Focusable>
                     <Tooltip placement="right">{label}</Tooltip>