From 085b27d49be84b9c3133d044d6e2d5be37306270 Mon Sep 17 00:00:00 2001
From: McKayla Washburn <mckayla@hey.com>
Date: Tue, 30 Jul 2024 15:22:58 +0000
Subject: [PATCH] fix: don't highlight inactive org in management settings
 sidebar

---
 site/src/pages/ManagementSettingsPage/Sidebar.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/ManagementSettingsPage/Sidebar.tsx b/site/src/pages/ManagementSettingsPage/Sidebar.tsx
index 5a18c5657797d..5f89b24f2b762 100644
--- a/site/src/pages/ManagementSettingsPage/Sidebar.tsx
+++ b/site/src/pages/ManagementSettingsPage/Sidebar.tsx
@@ -15,11 +15,15 @@ import { useOrganizationSettings } from "./ManagementSettingsLayout";
 
 export const Sidebar: FC = () => {
   const { organizations } = useOrganizationSettings();
-  const { organization = getOrganizationNameByDefault(organizations) } =
-    useParams() as { organization: string };
+  const { organization } = useParams() as { organization?: string };
   const { multiple_organizations: organizationsEnabled } =
     useFeatureVisibility();
 
+  let organizationName = organization;
+  if (location.pathname === "/organizations") {
+    organizationName = getOrganizationNameByDefault(organizations);
+  }
+
   // TODO: Do something nice to scroll to the active org.
 
   return (
@@ -44,7 +48,7 @@ export const Sidebar: FC = () => {
             <OrganizationSettingsNavigation
               key={org.id}
               organization={org}
-              active={org.name === organization}
+              active={org.name === organizationName}
             />
           ))}
         </>