refactor: mainComponent/hooks/webServices/

components/mainComponent/hooks/webServices/useAutoRefreshLocationDevices.js

@@ -0,0 +1,38 @@
+// components/mainComponent/hooks/useAutoRefreshLocationDevices.js
+/*
+ Das ist erstmal nur so da, falls es gebraucht wird
+Diese datei ist zum automatischen aktualisieren der LocationDevices gedacht
+jeder 20 Sekunden wird die Funktion fetchLocationDevicesFromDB() aufgerufen
+Daten werden dann in der Redux State gespeichert
+*/
+
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { fetchLocationDevicesFromDB } from "../../../../redux/slices/db/locationDevicesFromDBSlice";
+
+export const useAutoRefreshLocationDevices = (interval = 20000) => {
+  // alle 20 Sekunden
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    const fetchData = () => {
+      dispatch(fetchLocationDevicesFromDB());
+    };
+
+    fetchData(); // Sofort beim Start holen
+
+    const intervalId = setInterval(fetchData, interval);
+
+    return () => clearInterval(intervalId); // Cleanup beim Unmount
+  }, [dispatch, interval]);
+};
+
+/*
+In MapComponent.js einbinden
+import { useAutoRefreshLocationDevices } from "./hooks/useAutoRefreshLocationDevices";
+
+const MapComponent = () => {
+    useAutoRefreshLocationDevices();
+
+
+*/