refactor: useInitGisStationsStatic in DataSheet.js entfernt, Redux-Dispatch direkt verwendet

This commit is contained in:
ISA
2025-05-20 09:51:42 +02:00
parent 8653163582
commit 6b85e74e64
4 changed files with 21 additions and 26 deletions

View File

@@ -5,7 +5,8 @@ import EditModeToggle from "./EditModeToggle";
import { useSelector, useDispatch } from "react-redux"; import { useSelector, useDispatch } from "react-redux";
import { selectPolylineVisible, setPolylineVisible } from "../redux/slices/polylineLayerVisibleSlice"; import { selectPolylineVisible, setPolylineVisible } from "../redux/slices/polylineLayerVisibleSlice";
import { selectGisSystemStatic } from "../redux/slices/webService/gisSystemStaticSlice"; import { selectGisSystemStatic } from "../redux/slices/webService/gisSystemStaticSlice";
import { useInitGisStationsStatic } from "../components/mainComponent/hooks/webServices/useInitGisStationsStatic"; import { fetchGisStationsStatic } from "../redux/slices/webService/gisStationsStaticSlice";
import { selectGisStationsStatic } from "../redux/slices/webService/gisStationsStaticSlice"; import { selectGisStationsStatic } from "../redux/slices/webService/gisStationsStaticSlice";
import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisStationsStaticDistrictSlice"; import { selectGisStationsStaticDistrict } from "../redux/slices/webService/gisStationsStaticDistrictSlice";
import { selectMapLayersState, setLayerVisibility } from "../redux/slices/mapLayersSlice"; import { selectMapLayersState, setLayerVisibility } from "../redux/slices/mapLayersSlice";
@@ -39,6 +40,7 @@ function DataSheet() {
const [bereicheVisible, setBereicheVisible] = useState(false); // NEU: Bereiche-Status const [bereicheVisible, setBereicheVisible] = useState(false); // NEU: Bereiche-Status
const [standordVisible, setStandorteVisible] = useState(false); // NEU: Standorte-Status const [standordVisible, setStandorteVisible] = useState(false); // NEU: Standorte-Status
useEffect(() => { useEffect(() => {
// LocalStorage Werte laden // LocalStorage Werte laden
const storedPoiVisible = localStorage.getItem("poiVisible"); const storedPoiVisible = localStorage.getItem("poiVisible");
@@ -153,7 +155,13 @@ function DataSheet() {
// console.log("GisSystemStatic aus Redux:", GisSystemStatic); // ✅ Debugging: Ist es ein Array? // console.log("GisSystemStatic aus Redux:", GisSystemStatic); // ✅ Debugging: Ist es ein Array?
}, [GisSystemStatic]); }, [GisSystemStatic]);
//----------------------------- //-----------------------------
useInitGisStationsStatic();
useEffect(() => {
if (!GisStationsStatic || GisStationsStatic === null) {
dispatch(fetchGisStationsStatic());
}
}, [GisStationsStatic, dispatch]);
//--------------------------- //---------------------------
useEffect(() => { useEffect(() => {
console.log("🔍 GisStationsStatic Inhalt:", GisStationsStatic); console.log("🔍 GisStationsStatic Inhalt:", GisStationsStatic);

View File

@@ -47,7 +47,9 @@ import { fetchGisStationsMeasurementsFromWebService } from "../../redux/slices/w
import { useInitGisSystemStatic } from "./hooks/webServices/useInitGisSystemStatic"; import { useInitGisSystemStatic } from "./hooks/webServices/useInitGisSystemStatic";
import { selectGisSystemStatic, setGisSystemStatic } from "../../redux/slices/webService/gisSystemStaticSlice"; import { selectGisSystemStatic, setGisSystemStatic } from "../../redux/slices/webService/gisSystemStaticSlice";
import ShowAddStationPopup from "../AddPOIModal.js"; import ShowAddStationPopup from "../AddPOIModal.js";
import { useInitGisStationsStatic } from "../mainComponent/hooks/webServices/useInitGisStationsStatic";
import { fetchGisStationsStatic } from "../../redux/slices/webService/gisStationsStaticSlice";
import AddPOIOnPolyline from "../AddPOIOnPolyline"; import AddPOIOnPolyline from "../AddPOIOnPolyline";
import { enablePolylineEvents, disablePolylineEvents } from "../../utils/polylines/eventHandlers"; import { enablePolylineEvents, disablePolylineEvents } from "../../utils/polylines/eventHandlers";
import { updateCountdown, closePolylineContextMenu } from "../../redux/slices/polylineContextMenuSlice"; import { updateCountdown, closePolylineContextMenu } from "../../redux/slices/polylineContextMenuSlice";
@@ -880,7 +882,13 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
dispatch(fetchGisStationsMeasurementsFromWebService()); dispatch(fetchGisStationsMeasurementsFromWebService());
}, [dispatch]); }, [dispatch]);
useInitGisSystemStatic(); useInitGisSystemStatic();
useInitGisStationsStatic(); const gisStationsStatic = useSelector((state) => state.gisStationsStatic.data);
useEffect(() => {
if (!gisStationsStatic) {
dispatch(fetchGisStationsStatic());
}
}, [gisStationsStatic, dispatch]);
//-------------------------------------- //--------------------------------------
useEffect(() => { useEffect(() => {

View File

@@ -1,21 +0,0 @@
// /components/mainComponent/hooks/useInitGisStationsStatic.js
//Bereiche/Area-Name Dropdownmenu für Datasheet wird hier initialisiert und in der Komponente verwendet
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { fetchGisStationsStatic, selectGisStationsStatic } from "../../../../redux/slices/webService/gisStationsStaticSlice";
export const useInitGisStationsStatic = () => {
const dispatch = useDispatch();
const gisStationsStatic = useSelector(selectGisStationsStatic);
useEffect(() => {
// console.log("🔍 useInitGisStationsStatic - Aktueller Wert:", gisStationsStatic);
if (!gisStationsStatic || gisStationsStatic === null) {
//console.log("🚀 Starte fetchGisStationsStatic...");
dispatch(fetchGisStationsStatic());
}
}, [gisStationsStatic, dispatch]);
return gisStationsStatic;
};

View File

@@ -1,2 +1,2 @@
// /config/appVersion // /config/appVersion
export const APP_VERSION = "1.1.110"; export const APP_VERSION = "1.1.111";