Merge pull request #387 from metrico/fix/tab_at_window_resize

Fix: tab at window resize
metrico · Dec 22, 2023 · bdce195 · bdce195
2 parents 1b7a99d + fd4078d
commit bdce195
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 4 deletions.
diff --git a/packages/main/package.json b/packages/main/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@ui/main",
   "private": true,
-  "version": "0.27.8",
+  "version": "0.28.2",
   "type": "module",
   "scripts": {
     "dev": "VITE_APP_VERSION=$npm_package_version vite",

diff --git a/packages/main/plugins/Cardinality/Totals.tsx b/packages/main/plugins/Cardinality/Totals.tsx
@@ -76,8 +76,8 @@ const TOTALS_VALUES = {
         value: (val: string | number | null | undefined) => `${val ?? 0  }`,
     },
     quota: {
-        text: "Quota",
-        value : (val: string | number ) => `${val}`
+        text: "Quota Limit",
+        value : (val: string | number ) => val === 0 ? 'Unlimited' : `${val}`
     }
 };
 export const Totals: React.FC<TotalsProps> = ({

diff --git a/packages/main/sections/Queries/QueryItem.tsx b/packages/main/sections/Queries/QueryItem.tsx
@@ -17,6 +17,8 @@ import {
     filterLocal,
     getStoredQueries,
     setStoredQuery,
+    setLocalTabsState,
+    getLocalTabsState
 } from "./helpers";
 import { useIdRefs } from "./hooks";
 
@@ -52,7 +54,7 @@ const QueryItem = (props: any) => {
     const isQueryOpen = useState(true);
     const idRefs = useIdRefs(name);
     const theme = useTheme();
-    const [tabsValue, setTabsValue] = useState(0);
+    const [tabsValue, setTabsValue] = useState(getLocalTabsState(name, id));
 
     const onAddQuery = () => {
         const panelData = setNewPanelData(panelSelected, data, idRefs);
@@ -96,6 +98,7 @@ const QueryItem = (props: any) => {
     };
 
     const onTabChange = (e: React.SyntheticEvent, tabValue: number) => {
+        setLocalTabsState(name, id, tabValue);
         setTabsValue(() => tabValue);
     };
     const { activeTabs, isActiveTabs } = useActiveTabs(`Query Item`);

diff --git a/packages/main/sections/Queries/helpers.tsx b/packages/main/sections/Queries/helpers.tsx
@@ -90,3 +90,35 @@ export const dataViewAction = (panel: any, data: any) => {
         return setRightDataView(data);
     }
 };
+
+export const setLocalTabsState = (
+    panel: string,
+    queryId: string,
+    value: number
+) => {
+    try {
+        const localTabs = JSON.parse(
+            localStorage.getItem("localTabsState") || "{}"
+        );
+        const panelState = localTabs[panel] || {};
+
+        panelState[queryId] = value;
+        localTabs[panel] = panelState;
+
+        localStorage.setItem("localTabsState", JSON.stringify(localTabs));
+    } catch (e) {
+        console.log(e);
+    }
+};
+
+export const getLocalTabsState = (panel: string, queryId: string) => {
+    try {
+        const tabsState = JSON.parse(
+            localStorage.getItem("localTabsState") || "{}"
+        );
+        return tabsState[panel]?.[queryId] || 0;
+    } catch (e) {
+        console.log(e);
+        return 0;
+    }
+};