POI hinzufügen statt Station hinzufügen im Konext Menü und im Button

components/MapComponent.js

@@ -210,7 +210,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
     loadData();
   };
 
-  // Kontextmenü Callback für "Station hinzufügen"
+  // Kontextmenü Callback für "POI hinzufügen"
   const addStationCallback = (event) => {
     setPopupCoordinates(event.latlng); // Koordinaten des Klicks verwenden
     setShowPopup(true); // Popup öffnen
@@ -240,7 +240,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
       },
       "-", // Divider
       {
-        text: "Station hinzufügen",
+        text: "POI hinzufügen",
         icon: "img/add_station.png",
         className: "background-red",
         callback: addStationCallback,
@@ -748,7 +748,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
         // Rufe hier Funktionen auf, die eine initialisierte Karte benötigen.
       });
     }
-    console.log("trigger in MapComponent.js:", poiReadTrigger);
+    //console.log("trigger in MapComponent.js:", poiReadTrigger);
   }, [mapRef, map, poiReadTrigger]); // Prüfe die Abhängigkeiten sorgfältig
 
   //          poiTyp Daten hinzufügen
@@ -765,10 +765,10 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
         console.error("Fehler beim Abrufen der poiTyp Daten:", error);
       }
     };
-    console.log(
+    /*    console.log(
       "trigger in MapComponent.js in fetchPoiTypData:",
       poiReadTrigger
-    );
+    ); */
     fetchPoiTypData();
   }, []);
 
@@ -1615,12 +1615,11 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
   }, [map, zoomTrigger]);
 
   //---------------------------------------------------------
-  useEffect(() => {
-    console.log("Aktualisierung in MapComponent.js:", poiReadTrigger);
-
+  /*   useEffect(() => {
+    //console.log("Aktualisierung in MapComponent.js:", poiReadTrigger);
     // Logik zur Aktualisierung der Map hier hinzufügen
     // Beispiel: Daten neu laden oder aktualisieren
-  }, [poiReadTrigger]);
+  }, [poiReadTrigger]); */
   //---------------------------------------------------------
 
   //---------------------------------------------------------

components/ShowAddStationPopup.js

@@ -192,7 +192,7 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => {
         type="submit"
         className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full"
       >
-        Station hinzufügen
+        POI hinzufügen
       </button>
     </form>
   );

pages/index.js

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import dynamic from "next/dynamic";
 import { useRecoilState, useRecoilValue } from "recoil";
 import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore"; // Aktualisiert mit atom
-import { poiReadFromDbTriggerAtom } from '../store/atoms/poiReadFromDbTriggerAtom';
+import { poiReadFromDbTriggerAtom } from "../store/atoms/poiReadFromDbTriggerAtom";
 
 const MapComponentWithNoSSR = dynamic(
   () => import("../components/MapComponent"),
@@ -24,7 +24,7 @@ export default function Home() {
       }
       const data = await response.json();
       setLocations(data);
-      console.log("Geladene Daten in Home.js:", data);
+      //console.log("Geladene Daten in Home.js:", data);
     } catch (error) {
       console.error(error.message);
     }
@@ -41,7 +41,7 @@ export default function Home() {
 
     // Daten beim Laden der Seite holen
     loadData();
-    console.log("poiReadTrigger in Home.js:", poiReadTrigger);
+    //console.log("poiReadTrigger in Home.js:", poiReadTrigger);
   }, [poiReadTrigger]);
 
   const handleAddLocation = async (name, type, lat, lng) => {
@@ -75,7 +75,7 @@ export default function Home() {
   // Daten beim Laden der Seite holen
   useEffect(() => {
     loadData();
-    console.log("poiReadTrigger in Home.js:", poiReadTrigger);
+    //console.log("poiReadTrigger in Home.js:", poiReadTrigger);
   }, [poiReadTrigger]);
   //------------------------------------
   return (