Browser neu laden, um die aktualisierte Liste anzuzeigen (Löschen)

components/PoiUpdateModal.js

@@ -19,6 +19,8 @@ const PoiUpdateModal = ({ onClose, poiData }) => {
         if (response.ok) {
           alert("POI wurde erfolgreich gelöscht.");
           onClose(); // Close the modal
+          //Browser neu laden, um die aktualisierte Liste anzuzeigen
+          window.location.reload();
         } else {
           throw new Error("Fehler beim Löschen des POI.");
         }

pages/api/updatePoi.js

@@ -23,7 +23,7 @@ export default function handler(req, res) {
     return res.status(405).json({ error: "Nur POST Methode erlaubt" });
   }
 
-  const { idPoi, description, idPoiTyp } = req.body; // Stellen Sie sicher, dass die Felder korrekt benannt sind
+  const { idPoi, description, idPoiTyp, idLD } = req.body; // Stellen Sie sicher, dass die Felder korrekt benannt sind
 
   console.log("Empfangene Daten:", req.body); // Loggen der empfangenen Daten zur Überprüfung
 
@@ -32,8 +32,11 @@ export default function handler(req, res) {
   }
 
   const query =
-    "UPDATE talas_v5.poi SET description = ?, idPoiTyp = ? WHERE idPoi = ?";
-  connection.query(query, [description, idPoiTyp, idPoi], (error, results) => {
+    "UPDATE talas_v5.poi SET description = ?, idPoiTyp = ?, idLD WHERE idPoi = ?";
+  connection.query(
+    query,
+    [description, idPoiTyp, idPoi, idLD],
+    (error, results) => {
       if (error) {
         console.error("Fehler beim Aktualisieren des POI:", error);
         return res
@@ -45,5 +48,6 @@ export default function handler(req, res) {
       } else {
         res.status(404).json({ error: "POI nicht gefunden" });
       }
-  });
+    }
+  );
 }