feat: Fix Redux-Datenstruktur für GisStationsStaticDistrict und Bereichs-Dropdown
- `GisStationsStaticDistrict` wird jetzt korrekt aus Redux gelesen und verwendet `Points` als Array.
- Fehler `find is not a function` behoben durch Zugriff auf `GisStationsStaticDistrict.Points`.
- Sicherstellung, dass `Points` existiert, bevor darauf zugegriffen wird.
- Konsole-Logs für Debugging hinzugefügt, um leere oder ungültige Daten zu erkennen.
- Bereichsauswahl im Dropdown funktioniert jetzt korrekt und fliegt zur gewählten Station auf der Karte.
✅ Tested: Dropdown zeigt jetzt die `Area_Name`-Werte und `map.flyTo()` funktioniert korrekt.
This commit is contained in:
21
components/mainComponent/hooks/useInitGisStationsStatic.js
Normal file
21
components/mainComponent/hooks/useInitGisStationsStatic.js
Normal file
@@ -0,0 +1,21 @@
|
||||
// /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;
|
||||
};
|
||||
Reference in New Issue
Block a user