refactor: letzte Recoil-States entfernt – selectedPoiState und currentPoiState auf Redux migriert

- Redux-Slices 'selectedPoiSlice' und 'currentPoiSlice' hinzugefügt
- 'PoiUpdateModal.js' verwendet nun useSelector statt Recoil
- Recoil vollständig entfernt, Zustand zentral im Redux Store verwaltet
- CHANGELOG.md auf Version 1.1.91 aktualisiert

components/DataSheet.js

@@ -1,6 +1,5 @@
 // /componentss/DataSheet.js
 import React, { useEffect, useState } from "react";
-import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
 import { gisStationsStaticDistrictState } from "../redux/slices/webService/gisStationsStaticDistrictSlice";
 import { gisSystemStaticState } from "../redux/slices/webService/gisSystemStaticSlice.js";
 import { mapLayersState } from "../redux/slices/mapLayersSlice";

components/PoiUpdateModal.js

@@ -1,17 +1,17 @@
 // /components/PoiUpdateModal.js
 import React, { useState, useEffect } from "react";
-import { useRecoilValue } from "recoil";
-import { selectedPoiState } from "../redux/slices/selectedPoiSlice";
-import { currentPoiState } from "../redux/slices/currentPoiSlice";
+
+
 import { fetchLocationDevicesFromDB } from "../redux/slices/db/locationDevicesFromDBSlice";
 import { useDispatch, useSelector } from "react-redux";
+import { selectCurrentPoi } from "../redux/slices/currentPoiSlice";
 
 const PoiUpdateModal = ({ onClose, poiData }) => {
   const dispatch = useDispatch();
   const devices = useSelector((state) => state.locationDevicesFromDB.devices);
 
-  const currentPoi = useRecoilValue(currentPoiState);
-  const selectedPoi = useRecoilValue(selectedPoiState);
+ const currentPoi = useSelector(selectCurrentPoi);
+ const selectedPoi = useSelector((state) => state.selectedPoi);
   const [poiId, setPoiId] = useState(poiData ? poiData.idPoi : "");
   const [name, setName] = useState(poiData ? poiData.name : "");
   const [poiTypData, setPoiTypData] = useState([]);

components/mainComponent/MapComponent.js

@@ -9,7 +9,6 @@ import "leaflet.smooth_marker_bouncing";
 import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet"; //sieht deaktiviert aber ist das nicht so und wird benötigt
 import "react-toastify/dist/ReactToastify.css";
 import DataSheet from "../DataSheet.js";
-import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
 import AddPoiModalWindow from "../pois/AddPoiModalWindow.js";
 import { InformationCircleIcon } from "@heroicons/react/20/solid";
 import PoiUpdateModal from "../pois/PoiUpdateModal.js";

components/pois/PoiUpdateModal.js

@@ -1,7 +1,6 @@
 // /components/pois/PoiUpdateModal.js
 import React, { useState, useEffect } from "react";
 import Select from "react-select"; // Importiere react-select
-import { useRecoilState } from "recoil";
 import { selectedPoiState } from "../../redux/slices/selectedPoiSlice";
 import { currentPoiState } from "../../redux/slices/currentPoiSlice";
 import { mapLayersState } from "../../redux/slices/mapLayersSlice";