fix: POIs können per Drag und Drop verschoben werden auf die Map

utils/markerUtils.js

@@ -1,6 +1,8 @@
 // /utils/markerUtils.js
 import circleIcon from "../components/CircleIcon";
 import { saveLineData, redrawPolyline } from "./mapUtils";
+import L from "leaflet";
+import { toast } from "react-toastify";
 
 export const insertNewMarker = (closestPoints, newPoint, lineData, map) => {
   const newMarker = L.marker(newPoint, {
@@ -31,40 +33,6 @@ export const insertNewMarker = (closestPoints, newPoint, lineData, map) => {
   });
 };
 
-export const handleEditPoi = (
-  marker,
-  userRights,
-  setCurrentPoiData,
-  setShowPoiUpdateModal,
-  fetchPoiData,
-  toast
-) => {
-  // Prüfung, ob der Benutzer die notwendigen Rechte hat
-  if (!userRights || !userRights.includes(56)) {
-    toast.error("Benutzer hat keine Berechtigung zum Bearbeiten.", {
-      position: "top-center",
-      autoClose: 5000,
-      hideProgressBar: false,
-      closeOnClick: true,
-      pauseOnHover: true,
-      draggable: true,
-      progress: undefined,
-    });
-    console.log("Benutzer hat keine Berechtigung zum Bearbeiten.");
-    return; // Beendet die Funktion frühzeitig, wenn keine Berechtigung vorliegt
-  }
-
-  setCurrentPoiData({
-    idPoi: marker.options.id,
-    name: marker.options.name,
-    description: marker.options.description,
-  });
-
-  fetchPoiData(marker.options.id);
-
-  setShowPoiUpdateModal(true);
-};
-
 export const removeMarker = (marker, lineData, currentZoom, currentCenter) => {
   // Save zoom and center to localStorage
   //localStorage.setItem("mapZoom", currentZoom);
@@ -92,3 +60,58 @@ export const removeMarker = (marker, lineData, currentZoom, currentCenter) => {
     window.location.reload();
   }
 };
+
+export const handleEditPoi = (
+  marker,
+  userRights,
+  setCurrentPoiData,
+  setShowPoiUpdateModal,
+  fetchPoiData,
+  toast // Hier toast als Parameter erhalten
+) => {
+  console.log("Selected Marker ID (idPoi):", marker.options.id);
+  console.log("Selected Marker Description:", marker.options.description);
+  console.log("User Rights:", userRights);
+
+  // Sicherstellen, dass userRights ein Array ist
+  if (!Array.isArray(userRights)) {
+    console.error("User Rights is not an array:", userRights);
+    toast.error("Benutzerrechte sind ungültig.", {
+      position: "top-center",
+      autoClose: 5000,
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      draggable: true,
+      progress: undefined,
+    });
+    return;
+  }
+
+  console.log("User Rights includes 56:", userRights.includes(56));
+
+  // Prüfung, ob der Benutzer die notwendigen Rechte hat
+  if (!userRights.includes(56)) {
+    toast.error("Benutzer hat keine Berechtigung zum Bearbeiten.", {
+      position: "top-center",
+      autoClose: 5000,
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      draggable: true,
+      progress: undefined,
+    });
+    console.log("Benutzer hat keine Berechtigung zum Bearbeiten.");
+    return; // Beendet die Funktion frühzeitig, wenn keine Berechtigung vorliegt
+  }
+
+  setCurrentPoiData({
+    idPoi: marker.options.id,
+    name: marker.options.name,
+    description: marker.options.description,
+  });
+
+  fetchPoiData(marker.options.id);
+
+  setShowPoiUpdateModal(true);
+};