From c84531ed70b6f4c639ea44c4043797dd1f86f565 Mon Sep 17 00:00:00 2001
From: Floke <floke.com@gmail.com>
Date: Wed, 4 Feb 2026 13:34:19 +0000
Subject: [PATCH] fix([2fd88f42]): correct import statement for
 MarkerClusterGroup in MapDisplay.tsx

---
 .../frontend/src/components/MapDisplay.tsx         | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/heatmap-tool/frontend/src/components/MapDisplay.tsx b/heatmap-tool/frontend/src/components/MapDisplay.tsx
index f0006744..756b1805 100644
--- a/heatmap-tool/frontend/src/components/MapDisplay.tsx
+++ b/heatmap-tool/frontend/src/components/MapDisplay.tsx
@@ -5,6 +5,7 @@ import { HeatmapLayer } from 'react-leaflet-heatmap-layer-v3';
 import 'leaflet/dist/leaflet.css';
 import 'leaflet.heat';
 import type { HeatmapPoint, MapMode } from '../App';
+import MarkerClusterGroup from 'react-leaflet-cluster';
 
 interface MapDisplayProps {
   heatmapData: HeatmapPoint[];
@@ -28,13 +29,6 @@ const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier,
     return '#66bd63'; // Green
   };
 
-import MarkerClusterGroup from 'react-leaflet-cluster';
-
-// ... (imports and interface definitions)
-
-const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier, viewMode }) => {
-  // ... (helper functions and state)
-
   const renderPoints = () => (
     <MarkerClusterGroup>
       {heatmapData.map((point, idx) => (
@@ -62,10 +56,6 @@ const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier,
     </MarkerClusterGroup>
   );
 
-  // ... (rest of the component)
-};
-
-
   const renderHeatmap = () => (
     <HeatmapLayer
         points={heatmapData}
@@ -98,4 +88,4 @@ const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier,
   );
 };
 
-export default MapDisplay;
+export default MapDisplay;
\ No newline at end of file