From fd3740391eac6dae4d4abe79dbb8d6a9513f3c87 Mon Sep 17 00:00:00 2001 From: Paul Bailey Date: Sun, 16 Nov 2025 23:41:58 +0000 Subject: [PATCH] fix: disable all map options by default except clustered markers - Set showEvents to false by default - Set showWaterQuality to false by default - Set showHeatmap to false by default (already was) - Set showHotspots to false by default (already was) - Keep showClusters as true (only enabled option) Users can now enable features as needed via map filters --- src/components/map/MapFilters.tsx | 4 ++-- src/components/map/MapView.tsx | 2 +- src/pages/MapPage.tsx | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/map/MapFilters.tsx b/src/components/map/MapFilters.tsx index 3e78f75..2cfea64 100644 --- a/src/components/map/MapFilters.tsx +++ b/src/components/map/MapFilters.tsx @@ -28,9 +28,9 @@ export function MapFilters({ showHotspots = false, isLoadingHotspots = false, onToggleEvents, - showEvents = true, + showEvents = false, onToggleWaterQuality, - showWaterQuality = true, + showWaterQuality = false, }: MapFiltersProps) { const [isExpanded, setIsExpanded] = useState(true); diff --git a/src/components/map/MapView.tsx b/src/components/map/MapView.tsx index da44fc7..2fd156c 100644 --- a/src/components/map/MapView.tsx +++ b/src/components/map/MapView.tsx @@ -54,7 +54,7 @@ export function MapView({ showClusters = true, showHeatmap = false, showHotspots = false, - showWaterQuality = true, + showWaterQuality = false, center = [53.4, -9.0], // Centered on Ireland, minimizing UK visibility zoom = 7, }: MapViewProps) { diff --git a/src/pages/MapPage.tsx b/src/pages/MapPage.tsx index d7179eb..1cc70ce 100644 --- a/src/pages/MapPage.tsx +++ b/src/pages/MapPage.tsx @@ -20,8 +20,8 @@ export function MapPage() { const [showClusters, setShowClusters] = useState(true); const [showHeatmap, setShowHeatmap] = useState(false); const [showHotspots, setShowHotspots] = useState(false); - const [showEvents, setShowEvents] = useState(true); - const [showWaterQuality, setShowWaterQuality] = useState(true); + const [showEvents, setShowEvents] = useState(false); + const [showWaterQuality, setShowWaterQuality] = useState(false); const [hotspots, setHotspots] = useState([]); const [isLoadingHotspots, setIsLoadingHotspots] = useState(false); const [reports, setReports] = useState([]);