diff --git a/components/DataSheet.js b/components/DataSheet.js index c707c7e33..6528191b5 100644 --- a/components/DataSheet.js +++ b/components/DataSheet.js @@ -52,9 +52,6 @@ function DataSheet() { } return isUnique; }); - console.log("filterdArea GisStationsStaticDistrict:", filteredAreas); - console.log("GisSystemStatic:", GisSystemStatic); - console.log("allowedSystems:", allowedSystems); setStationListing( filteredAreas.map((area, index) => ({ @@ -65,11 +62,9 @@ function DataSheet() { const seenSystemNames = new Set(); const filteredSystems = GisSystemStatic.filter((item) => { - const formattedName = item.Name.replace(/[\s\-]+/g, ""); - console.log(formattedName); - const isUnique = !seenSystemNames.has(formattedName) && item.Allow === 1; + const isUnique = !seenSystemNames.has(item.Name) && item.Allow === 1; if (isUnique) { - seenSystemNames.add(formattedName); + seenSystemNames.add(item.Name); } return isUnique; }); @@ -77,20 +72,20 @@ function DataSheet() { setSystemListing( filteredSystems.map((system, index) => ({ id: index + 1, - name: system.Name.replace(/[\s\-]+/g, ""), + name: system.Name, // Verwende den Originalnamen für die Anzeige + key: system.Name.replace(/[\s\-]+/g, ""), // Internen Schlüssel für die MapLayersVisibility-Logik })) ); }, [GisStationsStaticDistrict, GisSystemStatic]); - const handleCheckboxChange = (name, event) => { + const handleCheckboxChange = (key, event) => { const { checked } = event.target; - setMapLayersVisibility((prev) => { const newState = { ...prev, - [name]: checked, + [key]: checked, }; - localStorage.setItem("mapLayersVisibility", JSON.stringify(newState)); // Store in localStorage + localStorage.setItem("mapLayersVisibility", JSON.stringify(newState)); return newState; }); }; @@ -110,7 +105,9 @@ function DataSheet() { setPolylineVisible(checked); localStorage.setItem("polylineVisible", checked); // Store Polyline visibility in localStorage }; + //--------------------------- + //--------------------------- return (