feat: Recoil-Atom 'poiReadFromDbTriggerAtom' vollständig durch Redux-Slice ersetzt

- Redux Slice 'poiReadFromDbTriggerSlice' eingeführt mit Trigger-Zähler
- Verwendet in index.js, AddPoiModalWindow.js, AddPOIModal.js und MapComponent.js
- Recoil entfernt und durch useSelector / dispatch(incrementTrigger()) ersetzt
- CHANGELOG.md auf 1.1.83 aktualisiert

components/AddPOIModal.js

@@ -1,4 +1,4 @@
-// components/ShowAddStationPopup.js
+// components/AddStationPopup.js
 import React, { useState, useEffect, use } from "react";
 import ReactDOM from "react-dom";
 import { useRecoilValue, useRecoilState, useSetRecoilState } from "recoil";
@@ -7,6 +7,7 @@ import { poiReadFromDbTriggerAtom } from "../redux/slices/poiReadFromDbTriggerSl
 import { selectGisStationsStatic } from "../redux/slices/webService/gisStationsStaticSlice";
 import { useDispatch, useSelector } from "react-redux";
 import { fetchPoiTypes } from "../redux/slices/db/poiTypesSlice";
+import { incrementTrigger } from "../redux/slices/poiReadFromDbTriggerSlice";
 
 const ShowAddStationPopup = ({ onClose, map, latlng }) => {
   const dispatch = useDispatch();
@@ -20,7 +21,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
   const [latitude] = useState(latlng.lat.toFixed(5));
   const [longitude] = useState(latlng.lng.toFixed(5));
   const setLoadData = useSetRecoilState(readPoiMarkersStore);
-  const setTrigger = useSetRecoilState(poiReadFromDbTriggerAtom);
+
   const [deviceName, setDeviceName] = useState("");
   //-----------------------------------------------------
   useEffect(() => {
@@ -85,11 +86,8 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
 
     if (response.ok) {
       setTrigger((trigger) => {
-        console.log("Aktueller Trigger-Wert:", trigger); // Vorheriger Wert
-        const newTrigger = trigger + 1;
-        console.log("Neuer Trigger-Wert:", newTrigger); // Aktualisierter Wert
+        dispatch(incrementTrigger());
         onClose();
-        return newTrigger;
       });
     } else {
       console.error("Fehler beim Hinzufügen des POI");

components/mainComponent/MapComponent.js

@@ -40,7 +40,6 @@ import { updateLocation } from "../../utils/updateBereichUtil.js";
 
 import { mapIdState, userIdState } from "../../redux/slices/urlParameterSlice.js";
 import { selectedPoiState } from "../../redux/slices/selectedPoiSlice.js";
-import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice.js";
 import { gisSystemStaticState } from "../../redux/slices/webService/gisSystemStaticSlice.js";
 import { selectMapLayersState } from "../../redux/slices/mapLayersSlice";
 import { selectedAreaState } from "../../redux/slices/selectedAreaSlice.js";
@@ -143,7 +142,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const [gisSystemStaticLoaded, setGisSystemStaticLoaded] = useState(false);
   const [poiTypMap, setPoiTypMap] = useState(new Map());
   const [showPopup, setShowPopup] = useState(false);
-  const poiReadTrigger = useRecoilValue(poiReadFromDbTriggerAtom);
+  const poiReadTrigger = useSelector((state) => state.poiReadFromDbTrigger.trigger);
   const poiLayerRef = useRef(null); // Referenz auf die Layer-Gruppe für Datenbank-Marker
   const mapRef = useRef(null); // Referenz auf das DIV-Element der Karte
   const [map, setMap] = useState(null); // Zustand der Karteninstanz

components/pois/AddPoiModalWindow.js

@@ -3,7 +3,8 @@ import React, { useState, useEffect } from "react";
 import Select from "react-select"; // Importiere react-select
 import { useSetRecoilState, useRecoilState } from "recoil";
 import { mapLayersState } from "../../redux/slices/mapLayersSlice";
-import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice";
+import { useDispatch } from "react-redux";
+import { incrementTrigger } from "../../redux/slices/poiReadFromDbTriggerSlice";
 
 const AddPoiModalWindow = ({ onClose, map, latlng }) => {
   const [poiTypData, setpoiTypData] = useState([]);
@@ -106,7 +107,7 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => {
     });
 
     if (response.ok) {
-      setTrigger((trigger) => trigger + 1); // Verwenden des Triggers zur Aktualisierung
+      dispatch(incrementTrigger()); // Redux Trigger erhöhen
       onClose();
       window.location.reload();
     } else {