From d48bc1d3ad536ee23b43d85063fbed354792c02e Mon Sep 17 00:00:00 2001
From: Shorpo R <github@shorpo.com>
Date: Tue, 9 Jan 2024 20:32:16 -0700
Subject: [PATCH] feat: Save active tab in url for infra dashboard

---
 packages/app/src/ServiceDashboardPage.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/app/src/ServiceDashboardPage.tsx b/packages/app/src/ServiceDashboardPage.tsx
index 70d53fc6e..43b3b19ff 100644
--- a/packages/app/src/ServiceDashboardPage.tsx
+++ b/packages/app/src/ServiceDashboardPage.tsx
@@ -268,6 +268,12 @@ const CHART_HEIGHT = 300;
 const DB_STATEMENT_PROPERTY = 'db.statement';
 
 export default function ServiceDashboardPage() {
+  const [activeTab, setActiveTab] = useQueryParam(
+    'tab',
+    withDefault(StringParam, 'infrastructure'),
+    { updateType: 'replaceIn' },
+  );
+
   const [searchQuery, setSearchQuery] = useQueryParam(
     'q',
     withDefault(StringParam, ''),
@@ -387,6 +393,9 @@ export default function ServiceDashboardPage() {
             variant="pills"
             defaultValue="infrastructure"
             radius="md"
+            keepMounted={false}
+            value={activeTab}
+            onTabChange={setActiveTab}
           >
             <div className="px-3 py-2 border-bottom border-dark">
               <Tabs.List>