From 3a161ffdd2bbf7195f99e3eb7c29787be59e625f Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Wed, 9 Apr 2025 13:59:09 +0200
Subject: [PATCH] Fix: active state

---
 src/lib/components/sidebar.svelte | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte
index cd72a5ece..e1a592675 100644
--- a/src/lib/components/sidebar.svelte
+++ b/src/lib/components/sidebar.svelte
@@ -70,8 +70,7 @@
     }
 
     $: state = $isTabletViewport ? 'closed' : getSidebarState();
-    $: pathname = page.url.pathname;
-    $: isOnProjectSettings = /^\/console\/project-[a-zA-Z0-9-]+\/settings$/.test(pathname);
+    $: isOnProjectSettings = /^\/console\/project-[a-zA-Z0-9-]+\/settings$/.test(page.url.pathname);
 
     const projectOptions = [
         { name: 'Auth', icon: IconUserGroup, slug: 'auth', category: 'build' },
@@ -145,7 +144,7 @@
                         <a
                             href={`/console/project-${project.$id}/overview`}
                             class="link"
-                            class:active={pathname.includes('overview')}
+                            class:active={page.url.pathname.includes('overview')}
                             on:click={() => {
                                 trackEvent(Click.MenuOverviewClick);
                                 sideBarIsOpen = false;
@@ -175,7 +174,7 @@
                             <a
                                 href={`/console/project-${project.$id}/${projectOption.slug}`}
                                 class="link"
-                                class:active={pathname.includes(projectOption.slug)}
+                                class:active={page.url.pathname.includes(projectOption.slug)}
                                 on:click={() => {
                                     trackEvent(`click_menu_${projectOption.slug}`);
                                     sideBarIsOpen = false;
@@ -206,7 +205,7 @@
                             <a
                                 href={`/console/project-${project.$id}/${projectOption.slug}`}
                                 class="link"
-                                class:active={pathname.includes(projectOption.slug)}
+                                class:active={page.url.pathname.includes(projectOption.slug)}
                                 on:click={() => {
                                     trackEvent(`click_menu_${projectOption.slug}`);
                                     sideBarIsOpen = false;