feat(context-menu): Fix POI hinzufügen Modal und State-Handling
- `useMapContextMenu.js`: - `openPoiModal` in `addItemsToMapContextMenu` integriert, um Zugriff auf `setShowCoordinatesModal` und `setShowPoiModal` zu ermöglichen. - `setShowCoordinatesModal` wird korrekt als Parameter übergeben und verwaltet. - `POI hinzufügen`-Eintrag im Kontextmenü wurde verbessert. - `MapComponent.js`: - `setShowCoordinatesModal`, `setShowPoiModal` und `setPopupCoordinates` werden jetzt korrekt an `addItemsToMapContextMenu` übergeben. - `ShowAddStationPopup` Modal öffnet sich jetzt korrekt und überlagert die Seite. - UI-Verbesserungen für Modale und Fix für doppeltes Öffnen von Modalen. Fixes: Problem, dass mehrere Modale gleichzeitig geöffnet wurden und `setShowCoordinatesModal` nicht definiert war.
This commit is contained in:
@@ -3,7 +3,20 @@ import { toast } from "react-toastify";
|
||||
import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils";
|
||||
|
||||
// components/useMapContextMenu.js
|
||||
const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, openPopupWithCoordinates) => {
|
||||
const addItemsToMapContextMenu = (
|
||||
map,
|
||||
menuItemAdded,
|
||||
setMenuItemAdded,
|
||||
setShowCoordinatesModal,
|
||||
setShowPoiModal,
|
||||
setPopupCoordinates,
|
||||
openPopupWithCoordinates // Hier wird die Funktion als Parameter hinzugefügt
|
||||
) => {
|
||||
const openPoiModal = (e) => {
|
||||
setShowCoordinatesModal(false); // ✅ Jetzt verfügbar, weil als Parameter übergeben
|
||||
setPopupCoordinates(e.latlng);
|
||||
setShowPoiModal(true);
|
||||
};
|
||||
if (!menuItemAdded && map && map.contextmenu) {
|
||||
map.contextmenu.addItem({
|
||||
text: "Koordinaten anzeigen",
|
||||
@@ -61,16 +74,11 @@ const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, openPopu
|
||||
console.log("map :", map);
|
||||
console.log("editMode localStorage:", localStorage.getItem("editMode"));
|
||||
console.log("editMode:", editMode);
|
||||
|
||||
map.contextmenu.addItem({
|
||||
text: "POI hinzufügen",
|
||||
icon: "/img/add_station.png",
|
||||
callback: openPopupWithCoordinates, // Statt alert wird die Funktion zum Öffnen des Popups genutzt
|
||||
|
||||
/* callback: (e) => {
|
||||
alert("POI hinzufügen an: " + e.latlng.lat + ", " + e.latlng.lng);
|
||||
// Falls du ein Modal-Fenster zum Hinzufügen verwenden möchtest:
|
||||
// ShowAddStationPopup({ latlng: e.latlng, onClose: () => {} });
|
||||
}, */
|
||||
callback: openPoiModal, // Jetzt mit Zugriff auf `setShowPoiModal`
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user