fix: POI Update Modal

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:
         </label>
         <select id="idPoiTyp2" name="idPoiTyp2" value={poiTypeId} onChange={(e) => setPoiTypeId(e.target.value)} className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm">
+          <option value="" disabled>
+            Typ auswählen...
+          </option>
           {poiTypData.map((poiTyp, index) => (
             <option key={poiTyp.idPoiTyp || index} value={poiTyp.idPoiTyp}>
               {poiTyp.name}
@@ -122,6 +134,7 @@ const AddPoiModalWindow = ({ onClose, map, latlng }) => {
           ))}
         </select>
       </div>
+
       <div className="flex flex-row items-center justify-center">
         <div className="flex items-center mb-4">
           <label htmlFor="lat" className="block mr-2 flex-none text-xs">