- WebSocket-Trigger implementiert, der `fetchGisStationsStaticDistrictThunk` ausführt. - Trigger-Mechanismus über `useState` (`triggerUpdate`) sorgt für gezielten UI-Re-Render. - Problem gelöst, dass Redux-Store zwar neue Daten enthielt, aber die UI nicht aktualisiert wurde. - MapComponent.js und useDynamicDeviceLayers.js entsprechend angepasst.
41 lines
1.6 KiB
JavaScript
41 lines
1.6 KiB
JavaScript
// hooks/useDataUpdater.js
|
|
import { useEffect } from "react";
|
|
import { useDispatch } from "react-redux";
|
|
// import type { AppDispatch } from "../redux/store";
|
|
|
|
// ✅ Thunks aus korrektem Pfad importieren
|
|
import { fetchGisLinesStatusThunk } from "../redux/thunks/webservice/fetchGisLinesStatusThunk";
|
|
import { fetchGisStationsMeasurementsThunk } from "../redux/thunks/webservice/fetchGisStationsMeasurementsThunk";
|
|
import { fetchGisStationsStaticDistrictThunk } from "../redux/thunks/webservice/fetchGisStationsStaticDistrictThunk";
|
|
import { fetchGisStationsStatusDistrictThunk } from "../redux/thunks/webservice/fetchGisStationsStatusDistrictThunk";
|
|
import { fetchGisSystemStaticThunk } from "../redux/thunks/webservice/fetchGisSystemStaticThunk";
|
|
|
|
const REFRESH_INTERVAL = parseInt(process.env.NEXT_PUBLIC_REFRESH_INTERVAL || "10000");
|
|
|
|
export const useDataUpdater = () => {
|
|
const dispatch = useDispatch();
|
|
|
|
useEffect(() => {
|
|
const updateAll = () => {
|
|
dispatch(fetchGisLinesStatusThunk());
|
|
dispatch(fetchGisStationsMeasurementsThunk());
|
|
dispatch(fetchGisStationsStaticDistrictThunk());
|
|
dispatch(fetchGisStationsStatusDistrictThunk());
|
|
dispatch(fetchGisSystemStaticThunk());
|
|
};
|
|
|
|
updateAll();
|
|
const interval = setInterval(updateAll, 10000);
|
|
return () => clearInterval(interval);
|
|
}, [dispatch]);
|
|
};
|
|
|
|
// Das ist eine normale Funktion
|
|
export const triggerDataUpdate = dispatch => {
|
|
dispatch(fetchGisLinesStatusThunk());
|
|
dispatch(fetchGisStationsMeasurementsThunk());
|
|
dispatch(fetchGisStationsStaticDistrictThunk());
|
|
dispatch(fetchGisStationsStatusDistrictThunk());
|
|
dispatch(fetchGisSystemStaticThunk());
|
|
};
|