refactor: POI-Typen in MapComponent von Hook auf Redux umgestellt (v1.1.103)

This commit is contained in:
Ismail Ali
2025-05-19 20:10:17 +02:00
parent 84de6b7142
commit 83a38c70d0
4 changed files with 30 additions and 57 deletions

View File

@@ -27,7 +27,7 @@ import { setupPolylines } from "../../utils/polylines/setupPolylines.js";
import { setupPOIs } from "../../utils/setupPOIs.js";
import VersionInfoModal from "../VersionInfoModal.js";
import useDrawLines from "../../hooks/layers/useDrawLines.js";
import usePoiTypData from "../../hooks/usePoiTypData.js";
import useLayerVisibility from "../../hooks/useLayerVisibility.js";
import useLineData from "../../hooks/useLineData.js";
@@ -82,6 +82,7 @@ import { setSelectedPoi, clearSelectedPoi } from "../../redux/slices/selectedPoi
import { setupDevices } from "../../utils/setupDevices";
import { setDisabled } from "../../redux/slices/polylineEventsDisabledSlice";
import { setMapId, setUserId } from "../../redux/slices/urlParameterSlice";
import { fetchPoiTypes } from "../../redux/slices/db/poiTypesSlice";
const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const dispatch = useDispatch();
@@ -100,7 +101,10 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
const polylineVisible = useSelector(selectPolylineVisible);
const [editMode, setEditMode] = useState(false); // editMode Zustand
const { deviceName, setDeviceName } = useMapComponentState();
const { poiTypData, isPoiTypLoaded } = usePoiTypData("/api/talas_v5_DB/poiTyp/readPoiTyp");
const poiTypData = useSelector((state) => state.poiTypes.data);
const poiTypStatus = useSelector((state) => state.poiTypes.status);
const isPoiTypLoaded = useSelector((state) => state.poiTypes.status === "succeeded");
//const [deviceName, setDeviceName] = useState("");
const [locationDeviceData, setLocationDeviceData] = useState([]);
const [priorityConfig, setPriorityConfig] = useState([]);
@@ -399,6 +403,12 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
]);
//--------------------------------------------
useEffect(() => {
if (poiTypStatus === "idle") {
dispatch(fetchPoiTypes());
}
}, [poiTypStatus, dispatch]);
//--------------------------------------------
useEffect(() => {
const fetchData = async () => {