idLD update done! muss noch Gerät und Typ gelesen von POI ins dropdown menu

components/PoiUpdateModal.js

@@ -41,6 +41,8 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
     }
   };
 
+
+
   // Beim Öffnen des Modals die Geräte-ID basierend auf dem Gerätenamen abrufen, wenn vorhanden
   useEffect(() => {
     const fetchDeviceId = async () => {
@@ -122,60 +124,66 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
   }, []);
 
   // Angenommen, deviceName enthält die Geräte-ID
-const idLD = deviceName; // Stellen Sie sicher, dass dies eine ID ist und kein Name
+  const idLD = deviceName; // Stellen Sie sicher, dass dies eine ID ist und kein Name
 
-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
-      }),
-    });
+  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,
+          name: name,
+          description: description,
+          idPoiTyp: poiTypeId,
+          idLD: idLD,
+          //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."
-      );
+      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.");
     }
-  } 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="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"
-  />
+        <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">
@@ -183,21 +191,18 @@ const handleSubmit = async (event) => {
           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.id}> {/* Stellen Sie sicher, dass device.id eine Ganzzahl ist */}
-      {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.name}>
+              {device.name}
+            </option>
+          ))}
+        </select>
       </div>
 
       <div className="flex items-center mb-4">