From e87214a6bdeb9ec75a5e7fb89a5deb23f6a21413 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Mon, 22 Jul 2024 16:31:18 +0200
Subject: [PATCH] Handle graph/table tab selection via Redux state

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/query/QueryPanel.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/web/ui/mantine-ui/src/pages/query/QueryPanel.tsx b/web/ui/mantine-ui/src/pages/query/QueryPanel.tsx
index 2730ac7170..6dac332afa 100644
--- a/web/ui/mantine-ui/src/pages/query/QueryPanel.tsx
+++ b/web/ui/mantine-ui/src/pages/query/QueryPanel.tsx
@@ -98,7 +98,21 @@ const QueryPanel: FC<PanelProps> = ({ idx, metricNames }) => {
           dispatch(removePanel(idx));
         }}
       />
-      <Tabs defaultValue="table" keepMounted={false}>
+      <Tabs
+        value={panel.visualizer.activeTab}
+        onChange={(v) =>
+          dispatch(
+            setVisualizer({
+              idx,
+              visualizer: {
+                ...panel.visualizer,
+                activeTab: v as "table" | "graph",
+              },
+            })
+          )
+        }
+        keepMounted={false}
+      >
         <Tabs.List>
           <Tabs.Tab value="table" leftSection={<IconTable style={iconStyle} />}>
             Table