From 40899f6137179222b1b2e1c33027e2b8faca9d86 Mon Sep 17 00:00:00 2001
From: Conner Hnatiuk <46903591+ConnerWithAnE@users.noreply.github.com>
Date: Thu, 25 Apr 2024 13:42:09 -0600
Subject: [PATCH] fix(web): the selected tab on the sidebar was not always
 shown as selected (#9084)

fix(web): the selected tab on the sidebar was not always shown as selected. Used regex to get necessary portion for comparison
---
 .../shared-components/side-bar/side-bar-link.svelte           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte b/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
index c3816863aa..4590b12255 100644
--- a/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
+++ b/web/src/lib/components/shared-components/side-bar/side-bar-link.svelte
@@ -14,7 +14,7 @@
 
   let showMoreInformation = false;
   $: routePath = resolveRoute(routeId, {});
-  $: isSelected = $page.route.id === routeId;
+  $: isSelected = ($page.route.id?.match(/^\/(admin|\(user\))\/[^/]*/) || [])[0] === routeId;
 </script>
 
 <a
@@ -24,7 +24,7 @@
   aria-current={isSelected ? 'page' : undefined}
   class="flex w-full place-items-center justify-between gap-4 rounded-r-full py-3 transition-[padding] delay-100 duration-100 hover:cursor-pointer hover:bg-immich-gray hover:text-immich-primary dark:text-immich-dark-fg dark:hover:bg-immich-dark-gray dark:hover:text-immich-dark-primary
     {isSelected
-    ? 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/25 dark:bg-immich-dark-primary/10 dark:text-immich-dark-primary'
+    ? 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/10 dark:bg-immich-dark-primary/10 dark:text-immich-dark-primary'
     : ''}
 		pl-5 group-hover:sm:px-5 md:px-5
   "