WIP: erster aufruf beim wechesln der Karten

.env.development

@@ -24,4 +24,4 @@ NEXT_PUBLIC_USE_MOCKS=true
 # z.B. http://10.10.0.13/xyz/index.aspx -> basePath in config.json auf /xyz setzen
 # basePath wird jetzt in public/config.json gepflegt
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.335
+NEXT_PUBLIC_APP_VERSION=1.1.336

.env.production

@@ -25,4 +25,4 @@ NEXT_PUBLIC_USE_MOCKS=false
 # basePath wird jetzt in public/config.json gepflegt
 
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.335
+NEXT_PUBLIC_APP_VERSION=1.1.336

components/mainComponent/MapComponent.js

@@ -689,40 +689,10 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   }, [dispatch]);
 
   //--------------------------------------------
-  //  Beim ersten Client-Render den Wert aus localStorage laden
+  // Die Sichtbarkeit der Polylines wird ausschließlich über Redux gesteuert
-  //  Prüfe beide localStorage-Variablen (neue und alte)
+  // (Initialisierung erfolgt in MapLayersControlPanel)
-  useEffect(() => {
-    let storedPolylineVisible = localStorage.getItem("kabelstreckenVisible") === "true";
-
-    // Fallback auf alte Variable, falls neue nicht existiert
-    if (localStorage.getItem("kabelstreckenVisible") === null) {
-      const oldValue = localStorage.getItem("polylineVisible") === "true";
-      storedPolylineVisible = oldValue;
-      // Migriere zur neuen Variable
-      localStorage.setItem("kabelstreckenVisible", oldValue.toString());
-    }
-
-    console.log(
-      "🔄 MapComponent: Loading polylineVisible from localStorage:",
-      storedPolylineVisible
-    );
-    dispatch(setPolylineVisible(storedPolylineVisible));
-  }, [dispatch]);
   //--------------------------------------------
-  // Event-Listener für Polyline-Sichtbarkeitsänderungen
+  // MapComponent reagiert nicht mehr direkt auf localStorage-Events für polylineVisible
-  useEffect(() => {
-    const handlePolylineVisibilityChange = () => {
-      const storedValue = localStorage.getItem("kabelstreckenVisible") === "true";
-      console.log("🔄 MapComponent: Received polylineVisibilityChanged event, value:", storedValue);
-      dispatch(setPolylineVisible(storedValue));
-    };
-
-    window.addEventListener("polylineVisibilityChanged", handlePolylineVisibilityChange);
-
-    return () => {
-      window.removeEventListener("polylineVisibilityChanged", handlePolylineVisibilityChange);
-    };
-  }, [dispatch]);
   //--------------------------------------------
   useEffect(() => {
     if (statusStaticDistrict === "idle") {

components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js

@@ -61,43 +61,39 @@ function MapLayersControlPanel() {
     }
   };
 
+  // Initialisiere Redux-State für Kabelstrecken-Checkbox bei Kartenwechsel (mapId/userId)
   useEffect(() => {
-    // LocalStorage Werte beim ersten Laden der Komponente wiederherstellen
+    // LocalStorage Werte beim ersten Laden der Komponente oder bei Kartenwechsel wiederherstellen
     const storedPoiVisible = localStorage.getItem("poiVisible");
     if (storedPoiVisible !== null) {
       setPoiVisible(storedPoiVisible === "true");
     }
 
-    // Neue Variable für Kabelstrecken mit Fallback auf die alte Variable
+    // Kartenabhängige Sichtbarkeit für Kabelstrecken initialisieren
+    const mapId = localStorage.getItem("currentMapId");
+    const userId = localStorage.getItem("currentUserId");
+    const mapStorageKey =
+      mapId && userId ? `mapLayersVisibility_m${mapId}_u${userId}` : "mapLayersVisibility";
+
+    // Kabelstrecken-Checkbox initialisieren
     let storedKabelstreckenVisible = localStorage.getItem("kabelstreckenVisible");
     const storedPolylineVisible = localStorage.getItem("polylineVisible");
-
-    // Falls kabelstreckenVisible nicht existiert, aber polylineVisible schon, übernehmen wir den Wert
     if (storedKabelstreckenVisible === null && storedPolylineVisible !== null) {
       storedKabelstreckenVisible = storedPolylineVisible;
       localStorage.setItem("kabelstreckenVisible", storedPolylineVisible);
     }
-
     if (storedKabelstreckenVisible !== null) {
       const shouldBeVisible = storedKabelstreckenVisible === "true";
       setKabelstreckenVisible(shouldBeVisible);
-      // Beide localStorage-Variablen synchronisieren
       localStorage.setItem("polylineVisible", shouldBeVisible.toString());
-      // Redux für Konsistenz setzen
       dispatch(setPolylineVisible(shouldBeVisible));
-      // Event auslösen nach dem Laden
       setTimeout(() => {
         const event = new Event("polylineVisibilityChanged");
         window.dispatchEvent(event);
       }, 200);
     }
 
-    // Kartenspezifischer localStorage-Key verwenden
+    // mapLayersVisibility initialisieren
-    const mapId = localStorage.getItem("currentMapId");
-    const userId = localStorage.getItem("currentUserId");
-    const mapStorageKey =
-      mapId && userId ? `mapLayersVisibility_m${mapId}_u${userId}` : "mapLayersVisibility";
-
     const storedMapLayersVisibility = localStorage.getItem(mapStorageKey);
     if (storedMapLayersVisibility) {
       const parsedVisibility = JSON.parse(storedMapLayersVisibility);
@@ -105,7 +101,6 @@ function MapLayersControlPanel() {
         dispatch(setLayerVisibility({ layer: key, visibility: parsedVisibility[key] }));
       });
     } else {
-      // Initialisiere mapLayersVisibility basierend auf Allow & Map (nur Systeme mit Map===1 anzeigen)
       if (Array.isArray(GisSystemStatic)) {
         const initialVisibility = {};
         GisSystemStatic.forEach(system => {
@@ -124,7 +119,7 @@ function MapLayersControlPanel() {
     setEditMode(storedEditMode === "true");
 
     setLocalStorageLoaded(true);
-  }, []); // Läuft nur beim Mount
+  }, [localStorage.getItem("currentMapId"), localStorage.getItem("currentUserId")]);
 
   const handleAreaChange = event => {
     const selectedIndex = event.target.options.selectedIndex;

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "nodemap",
-  "version": "1.1.335",
+  "version": "1.1.336",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "nodemap",
-      "version": "1.1.335",
+      "version": "1.1.336",
       "dependencies": {
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodemap",
-  "version": "1.1.335",
+  "version": "1.1.336",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",