feat: GisStationsMeasurements in Redux-Store integriert

- API-Loader für GisStationsMeasurements erstellt
- Redux-Slice für GisStationsMeasurements angelegt und im Store registriert
- Initialisierungs-Hook useInitGisStationsMeasurements hinzugefügt
- Daten werden jetzt beim Start automatisch geladen und zentral im Redux-Store gespeichert
- Vorbereitung für spätere Nutzung in UI-Komponenten
This commit is contained in:
Ismail Ali
2025-03-07 22:33:47 +01:00
parent 86d8e4924a
commit 6636f841a2
9 changed files with 123 additions and 1 deletions

View File

@@ -71,6 +71,8 @@ import { selectPolylineVisible, setPolylineVisible } from "../../redux/slices/po
import { useInitLocationDevices } from "./hooks/useInitLocationDevices";
import { useInitGisStationsStaticDistrict } from "./hooks/useInitGisStationsStaticDistrict";
import { selectGisStationsStaticDistrict } from "../../redux/slices/webService/gisStationsStaticDistrictSlice";
import { useInitGisStationsStatusDistrict } from "./hooks/useInitGisStationsStatusDistrict";
import { useInitGisStationsMeasurements } from "./hooks/useInitGisStationsMeasurements";
const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const dispatch = useDispatch();
@@ -1001,6 +1003,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
// speichere location devices in redux store
useInitLocationDevices();
useInitGisStationsStaticDistrict();
useInitGisStationsStatusDistrict();
useInitGisStationsMeasurements();
//--------------------------------------
useEffect(() => {
console.log("GisStationsStaticDistrict aus Redux:", GisStationsStaticDistrict);

View File

@@ -0,0 +1,12 @@
// /components/mainComponent/hooks/useInitGisStationsMeasurements.js
import { useEffect } from "react";
import { useDispatch } from "react-redux";
import { fetchGisStationsMeasurementsFromWebService } from "../../../redux/slices/webService/gisStationsMeasurementsSlice";
export const useInitGisStationsMeasurements = () => {
const dispatch = useDispatch();
useEffect(() => {
dispatch(fetchGisStationsMeasurementsFromWebService());
}, [dispatch]);
};

View File

@@ -0,0 +1,12 @@
// /componets/mainComponent/hooks/useInitGisStationsStatusDistrict.js
import { useEffect } from "react";
import { useDispatch } from "react-redux";
import { fetchGisStationsStatusDistrictFromWebService } from "../../../redux/slices/webService/gisStationsStatusDistrictSlice";
export const useInitGisStationsStatusDistrict = () => {
const dispatch = useDispatch();
useEffect(() => {
dispatch(fetchGisStationsStatusDistrictFromWebService());
}, [dispatch]);
};