diff --git a/components/DataSheet.js b/components/DataSheet.js index f403e943e..7143ba913 100644 --- a/components/DataSheet.js +++ b/components/DataSheet.js @@ -68,13 +68,10 @@ function DataSheet() { const [checkedStations, setCheckedStations] = useState({}); const handleCheckboxChange = (layerName) => { - setCheckedStations((prev) => ({ - ...prev, - [layerName]: !prev[layerName], - })); + // Umschalten der Sichtbarkeit im Zustand setLayers((prevLayers) => ({ ...prevLayers, - [layerName]: !prevLayers[layerName], + [layerName]: !prevLayers[layerName], // Umschalten des Booleschen Werts })); }; @@ -121,7 +118,7 @@ function DataSheet() { type="checkbox" id={`box-${station.id}`} className="accent-blue-500 checked:bg-blue-500" - checked={checkedStations[station.id] || false} + checked={layers[station.name] || false} // Zustand von Recoil verwenden onChange={() => handleCheckboxChange(station.name)} />