feat: Save active tab in url for infra dashboard

hyperdxio · Jan 10, 2024 · d48bc1d · d48bc1d
1 parent c2d35cb
commit d48bc1d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git 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>