diff --git a/components/pois/AddPoiModalWindow.js b/components/pois/AddPoiModalWindow.js index f0e90efb6..01f077fdd 100644 --- a/components/pois/AddPoiModalWindow.js +++ b/components/pois/AddPoiModalWindow.js @@ -8,7 +8,7 @@ import { poiReadFromDbTriggerAtom } from "../../store/atoms/poiReadFromDbTrigger const AddPoiModalWindow = ({ onClose, map, latlng }) => { const [poiTypData, setpoiTypData] = useState([]); const [name, setName] = useState(""); - const [poiTypeId, setPoiTypeId] = useState(""); + const [poiTypeId, setPoiTypeId] = useState(""); // Initialize as empty string const [latitude] = useState(latlng.lat.toFixed(5)); const [longitude] = useState(latlng.lng.toFixed(5)); const setTrigger = useSetRecoilState(poiReadFromDbTriggerAtom); @@ -39,6 +39,13 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => { const handleSubmit = async (event) => { event.preventDefault(); + + // Check for valid poiTypeId + if (!poiTypeId) { + alert("Bitte wählen Sie einen Typ aus."); + return; + } + const formData = { name, poiTypeId, @@ -56,6 +63,8 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => { if (response.ok) { setTrigger((trigger) => trigger + 1); onClose(); + // Browser aktualisieren + window.location.reload(); } else { console.error("Fehler beim Hinzufügen des POI"); } @@ -115,6 +124,9 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => { Typ: +