Daten Aktualisierung done!

components/PoiUpdateModal.js

@@ -120,59 +120,61 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
     fetchData();
   }, []);
 
-  // Form submission handler
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    const idLDResponse = await fetch(
-      `/api/getDeviceId?deviceName=${encodeURIComponent(deviceName)}`
-    );
-    const idLDData = await idLDResponse.json();
-    const idLD = idLDData.idLD;
-    try {
-      const response = await fetch("/api/updatePoi", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          idPoi: poiId,
-          description: name,
-          idPoiTyp: poiTypeId,
-          idLD: idLD,
-        }),
-      });
+  // Angenommen, deviceName enthält die Geräte-ID
+const idLD = deviceName; // Stellen Sie sicher, dass dies eine ID ist und kein Name
 
-      if (response.ok) {
-        //alert("POI wurde erfolgreich aktualisiert.");
-        onClose(); // Schließen des Modals und Aktualisieren der Ansicht
-        window.location.reload();
-      } else {
-        const errorResponse = await response.json();
-        throw new Error(
-          errorResponse.error || "Fehler beim Aktualisieren des POI."
-        );
-      }
-    } catch (error) {
-      console.error("Fehler beim Aktualisieren des POI:", error);
-      alert("Fehler beim Aktualisieren des POI.");
+const handleSubmit = async (event) => {
+  event.preventDefault();
+  try {
+    const response = await fetch("/api/updatePoi", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        idPoi: poiId,
+        name: name,
+        description: description,
+        idPoiTyp: poiTypeId,
+        idLD: parseInt(deviceName, 10), // Konvertieren in eine Ganzzahl
+      }),
+    });
+
+    if (response.ok) {
+      onClose();
+      window.location.reload();
+    } else {
+      const errorResponse = await response.json();
+      throw new Error(
+        errorResponse.error || "Fehler beim Aktualisieren des POI."
+      );
     }
-  };
+  } catch (error) {
+    console.error("Fehler beim Aktualisieren des POI:", error);
+    alert("Fehler beim Aktualisieren des POI.");
+  }
+};
+
+
+
+  
+
 
   return (
     <form onSubmit={handleSubmit} className="m-0 p-2 w-full">
       <div className="flex items-center mb-4">
-        <label htmlFor="name" className="block mr-2 flex-none">
-          Name:
-        </label>
-        <input
-          type="text"
-          id="name"
-          name="name"
-          value={poiData.description || name}
-          onChange={(e) => setName(e.target.value)}
-          placeholder="Name der Station"
-          className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
-        />
+      <label htmlFor="description" className="block mr-2 flex-none">
+    Beschreibung:
+  </label>
+  <input
+    type="text"
+    id="description"
+    name="description"
+    value={description}
+    onChange={(e) => setDescription(e.target.value)}
+    placeholder="Beschreibung der Station"
+    className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
+  />
       </div>
 
       <div className="flex items-center mb-4">
@@ -180,18 +182,21 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
           Gerät:
         </label>
         <select
-          id="deviceName"
-          name="deviceName"
-          value={deviceName}
-          onChange={(e) => setDeviceName(e.target.value)}
-          className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
-        >
-          {locationDeviceData.map((device, index) => (
-            <option key={index} value={device.name}>
-              {device.name}
-            </option>
-          ))}
-        </select>
+  id="deviceName"
+  name="deviceName"
+  value={deviceName}
+  onChange={(e) => setDeviceName(e.target.value)}
+  className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm"
+>
+  {locationDeviceData.map((device, index) => (
+    <option key={index} value={device.id}> {/* Stellen Sie sicher, dass device.id eine Ganzzahl ist */}
+      {device.name}
+    </option>
+  ))}
+</select>
+
+
+
       </div>
 
       <div className="flex items-center mb-4">