WIP: POI->contextmenu ->POI bearbeiten ->Gerät: Dropdown

components/pois/PoiUpdateModal.js

@@ -5,9 +5,11 @@ import { useRecoilState } from "recoil";
 import { selectedPoiState } from "../../redux/slices/selectedPoiSlice";
 import { currentPoiState } from "../../redux/slices/currentPoiSlice";
 import { mapLayersState } from "../../redux/slices/mapLayersSlice";
+import { useSelector } from "react-redux";
+import { selectCurrentPoi } from "../../redux/slices/currentPoiSlice";
 
 const PoiUpdateModal = ({ onClose, poiData, onSubmit }) => {
-  const currentPoi = useRecoilState(currentPoiState);
+  const currentPoi = useSelector(selectCurrentPoi);
   const selectedPoi = useRecoilState(selectedPoiState);
   const [mapLayersVisibility] = useRecoilState(mapLayersState);
 
@@ -168,10 +170,12 @@ const PoiUpdateModal = ({ onClose, poiData, onSubmit }) => {
   };
 
   // Erstelle Optionen für react-select
-  const poiTypeOptions = poiTypData.map((poiTyp) => ({
-    value: poiTyp.idPoiTyp,
-    label: poiTyp.name,
-  }));
+  const poiTypeOptions = Array.isArray(poiTypData)
+    ? poiTypData.map((poiTyp) => ({
+        value: poiTyp.idPoiTyp,
+        label: poiTyp.name,
+      }))
+    : []; // Falls kein Array, dann leeres Array zurückgeben
 
   const deviceOptions = filteredDevices.map((device) => ({
     value: device.name,

components/pois/PoiUpdateModalWrapper.js

@@ -1,26 +1,17 @@
 // components/pois/PoiUpdateModalWrapper.js
-import React, { useState } from "react";
-import PoiUpdateModal from "./PoiUpdateModal";
-import { useRecoilValue, useSetRecoilState } from "recoil";
-import { currentPoiState, selectedPoiState } from "../../redux/slices/currentPoiSlice";
-import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice";
+import { useDispatch } from "react-redux";
+import { setCurrentPoi } from "../../redux/slices/currentPoiSlice";
 
-const PoiUpdateModalWrapper = ({ show, onClose, latlng }) => {
-  const setSelectedPoi = useSetRecoilState(selectedPoiState);
-  const setCurrentPoi = useSetRecoilState(currentPoiState);
-  const currentPoi = useRecoilValue(currentPoiState);
-  const poiReadTrigger = useRecoilValue(poiReadFromDbTriggerAtom);
+const PoiUpdateModalWrapper = ({ show, onClose, latlng, poiData }) => {
+  const dispatch = useDispatch();
 
-  return (
-    show && (
-      <PoiUpdateModal
-        onClose={onClose}
-        poiData={currentPoi}
-        onSubmit={() => {}} // Add your submit logic here
-        latlng={latlng}
-      />
-    )
-  );
+  useEffect(() => {
+    if (show && poiData) {
+      dispatch(setCurrentPoi(poiData));
+    }
+  }, [show, poiData, dispatch]);
+
+  const currentPoi = useSelector(selectCurrentPoi); // Direkt aus Redux holen
+
+  return show && <PoiUpdateModal onClose={onClose} poiData={currentPoi} onSubmit={() => {}} latlng={latlng} />;
 };
-
-export default PoiUpdateModalWrapper;