feat: GisStationsStaticDistrict in Redux-Store integriert
- WebService-Endpoint für GisStationsStaticDistrict angebunden - Daten beim Start der Anwendung automatisch geladen und in Redux gespeichert - UI (DataSheet) verwendet die Daten direkt aus dem Redux-Store - Fehlerhandling und Initialzustand in Redux-Slice verbessert - Alte lokale Fetch-Logik entfernt, zentrale Datenhaltung über Redux
This commit is contained in:
@@ -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();
|
||||
|
||||
|
||||
*/
|
||||
Reference in New Issue
Block a user