refactor: Recoil vollständig entfernt – AddPoiModalWindow.js und AddPOIModal.js auf Redux umgestellt

- verwendet jetzt dispatch(incrementTrigger()) aus poiReadFromDbTriggerSlice
- mapLayersVisibility via useSelector() statt useRecoilState
- letzter Recoil-Import entfernt, Projekt vollständig Redux-basiert
- CHANGELOG.md auf 1.1.93 aktualisiert
This commit is contained in:
ISA
2025-05-19 11:19:35 +02:00
parent ee7a8d2e80
commit d40ae0ee53
3 changed files with 22 additions and 7 deletions

View File

@@ -4,7 +4,22 @@ Alle bedeutenden Änderungen an diesem Projekt werden in dieser Datei dokumentie
---
## [1.1.91] 2025-05-22
## [1.1.93] 2025-05-19
### Changed
- Letzte Recoil-Reste entfernt:
- `AddPoiModalWindow.js` nutzt `dispatch(incrementTrigger())` statt `useSetRecoilState(...)`
- Vollständige Migration zu Redux abgeschlossen für `poiReadFromDbTriggerSlice`
- `mapLayersVisibility` in `AddPoiModalWindow.js` korrekt via `useSelector(...)` aus Redux gelesen
### Removed
- Recoil vollständig aus Projekt entfernt
---
## [1.1.91] 2025-05-19
### Changed

View File

@@ -1,9 +1,8 @@
// components/pois/AddPoiModalWindow.js
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 { useDispatch } from "react-redux";
import { useSelector, useDispatch } from "react-redux";
import { incrementTrigger } from "../../redux/slices/poiReadFromDbTriggerSlice";
const AddPoiModalWindow = ({ onClose, map, latlng }) => {
@@ -12,11 +11,11 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => {
const [poiTypeId, setPoiTypeId] = useState(null); // Verwende null für react-select
const [latitude] = useState(latlng.lat.toFixed(5));
const [longitude] = useState(latlng.lng.toFixed(5));
const setTrigger = useSetRecoilState(poiReadFromDbTriggerAtom); // Verwende useSetRecoilState
const [locationDeviceData, setLocationDeviceData] = useState([]);
const [filteredDevices, setFilteredDevices] = useState([]); // Gefilterte Geräte
const [deviceName, setDeviceName] = useState(null); // Verwende null für react-select
const [mapLayersVisibility] = useRecoilState(mapLayersState); // Um die aktiven Layer zu erhalten
const mapLayersVisibility = useSelector((state) => state.mapLayers.visibility);
const dispatch = useDispatch();
// Map von Systemnamen zu ids (wie zuvor)
const systemNameToIdMap = {
@@ -86,6 +85,7 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => {
const handleSubmit = async (event) => {
event.preventDefault();
dispatch(incrementTrigger());
if (!poiTypeId) {
alert("Bitte wählen Sie einen Typ aus.");

View File

@@ -1,2 +1,2 @@
// /config/appVersion
export const APP_VERSION = "1.1.92";
export const APP_VERSION = "1.1.93";