allow load button to reload data #209

ruuvi · Aug 7, 2024 · 76b919b · 76b919b
1 parent dc9e6c3
commit 76b919b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/CompareView.js b/src/components/CompareView.js
@@ -159,7 +159,7 @@ function CompareView(props) {
             setLoading(false);
             props.isLoading(false);
         })();
-    }, [sensors, props.from, props.dataKey]);
+    }, [sensors, props.from, props.dataKey, props.reloadIndex]);
 
     const { width } = useContainerDimensions(ref)
     const colorMode = useColorMode().colorMode;

diff --git a/src/states/SensorCompare.js b/src/states/SensorCompare.js
@@ -16,6 +16,8 @@ import { getUnitHelper } from "../UnitHelper";
 
 let data = {};
 const descriptionStyle = { fontFamily: "mulish", fontSize: "14px", fontWeight: 400, maxWidth: "800px" }
+let reloadIndex = 0;
+
 function SensorCompare(props) {
     const [sensors, setSensors] = useState([])
     const [selectedSensors, setSelectedSensors] = useState([])
@@ -97,7 +99,8 @@ function SensorCompare(props) {
     const loadButton = <Button isDisabled={!selectedSensors.length || loading} onClick={() => load()}>{i18next.t("load")}</Button>
 
     const load = () => {
-        setViewData({ sensors: selectedSensors, from, to, dataKey })
+        reloadIndex++
+        setViewData({ sensors: selectedSensors, from, to, dataKey, reloadIndex })
         setLoadedDataKeys(dataKey)
     }