fix: GIS-Systeme im Control Panel sichtbar + Rename zu MapLayersControlPanel.js

- useEffect-Abhängigkeit um GisSystemStatic erweitert (Fix für leeres Control Panel nach Reload)
- DataSheet.js umbenannt in MapLayersControlPanel.js für bessere Verständlichkeit
- Version erhöht auf 1.1.136

CHANGELOG.md

@@ -4,6 +4,26 @@ Alle bedeutenden Änderungen an diesem Projekt werden in dieser Datei dokumentie
 
 ---
 
+## [1.1.136] – 2025-05-21
+
+### Fixed
+
+- 🛠️ `DataSheet.js` zeigte nach Seiten-Neuladen keine GIS-Systeme mehr an
+  - Ursache: `useEffect` reagierte nicht auf `GisSystemStatic`
+  - behoben durch Ergänzen der Abhängigkeit im `useEffect`
+
+### Renamed
+
+- 🔄 `DataSheet.js` wurde in `MapLayersControlPanel.js` umbenannt
+  - der neue Name spiegelt die tatsächliche Funktion als Karten-Layer-Steuerung besser wider
+  - verbessert Verständlichkeit und Onboarding für Entwickler
+
+### Version
+
+- 📦 Version erhöht auf **1.1.136**
+
+---
+
 ## [1.1.134] – 2025-05-21
 
 ### Cleanup

components/MapLayersControlPanel.js

@@ -1,4 +1,4 @@
-// /componentss/DataSheet.js
+// /componentss/MapLayersControlPanel.js
 import React, { useEffect, useState } from "react";
 import { setSelectedArea } from "../redux/slices/selectedAreaSlice";
 import EditModeToggle from "./EditModeToggle";
@@ -10,7 +10,7 @@ import { selectMapLayersState, setLayerVisibility } from "../redux/slices/mapLay
 import { setVisible } from "../redux/slices/poiLayerVisibleSlice";
 import { incrementZoomTrigger } from "../redux/slices/zoomTriggerSlice";
 
-function DataSheet() {
+function MapLayersControlPanel() {
   const [editMode, setEditMode] = useState(false); // Zustand für editMode
   const poiVisible = useSelector((state) => state.poiLayerVisible.visible);
   const setPoiVisible = (value) => dispatch(setVisible(value));
@@ -248,4 +248,4 @@ function DataSheet() {
   );
 }
 
-export default DataSheet;
+export default MapLayersControlPanel;

components/mainComponent/MapComponent.js

@@ -8,7 +8,7 @@ import * as config from "../../config/config.js";
 import "leaflet.smooth_marker_bouncing";
 import OverlappingMarkerSpiderfier from "overlapping-marker-spiderfier-leaflet"; //sieht deaktiviert aber ist das nicht so und wird benötigt
 import "react-toastify/dist/ReactToastify.css";
-import DataSheet from "../DataSheet.js";
+import MapLayersControlPanel from "../MapLayersControlPanel.js";
 
 import { InformationCircleIcon } from "@heroicons/react/20/solid";
 import PoiUpdateModal from "../pois/PoiUpdateModal.js";
@@ -905,7 +905,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
         )}
       </div>
 
-      {GisStationsStaticDistrict && GisStationsStaticDistrict.Points?.length > 0 && <DataSheet className="z-50" />}
+      {GisStationsStaticDistrict && GisStationsStaticDistrict.Points?.length > 0 && <MapLayersControlPanel className="z-50" />}
 
       <CoordinateInput onCoordinatesSubmit={handleCoordinatesSubmit} />
       <div id="map" ref={mapRef} className="z-0" style={{ height: "100vh", width: "100vw" }}></div>

config/appVersion.js

@@ -1,2 +1,2 @@
 // /config/appVersion
-export const APP_VERSION = "1.1.136";
+export const APP_VERSION = "1.1.137";