From 07fdac6a92d554a01bf3064b5627bd6ae947c352 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Wed, 19 Feb 2025 16:46:37 +0100
Subject: [PATCH] Only highlight settings when on the actual project settings
 page

---
 src/lib/components/sidebar.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte
index 0f1b3ecca..aed4df6a1 100644
--- a/src/lib/components/sidebar.svelte
+++ b/src/lib/components/sidebar.svelte
@@ -66,6 +66,7 @@
 
     $: state = $isTabletViewport ? 'closed' : getSidebarState();
     $: pathname = $page.url.pathname;
+    $: isOnProjectSettings = /^\/console\/project-[a-zA-Z0-9-]+\/settings$/.test(pathname);
 
     const projectOptions = [
         { name: 'Auth', icon: IconUserGroup, slug: 'auth' },
@@ -232,7 +233,7 @@
                         <a
                             href={`/console/project-${project.$id}/settings`}
                             class="link"
-                            class:active={pathname.includes('settings')}
+                            class:active={isOnProjectSettings}
                             ><span class="link-icon"><Icon icon={IconCog} size="s" /></span><span
                                 class:no-text={state === 'icons'}
                                 class:has-text={state === 'open'}