From c430494b12c95e908070614e2dde2d611ce9dc74 Mon Sep 17 00:00:00 2001
From: Andrew <andreasohaodha@proton.me>
Date: Tue, 11 Mar 2025 14:14:31 +0000
Subject: [PATCH] [frontend]: Add scroll limits on map

---
 frontend/src/components/MapComponent.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MapComponent.jsx b/frontend/src/components/MapComponent.jsx
index 591ec82..3f40ef5 100644
--- a/frontend/src/components/MapComponent.jsx
+++ b/frontend/src/components/MapComponent.jsx
@@ -96,7 +96,15 @@ const MapComponent = ({ markers, clusteringEnabled }) => {
     }
 
     return (
-        <MapContainer center={mapCentre} zoom={7} minZoom={4} style={{ height: "100%", width: "100%" }}>
+        <MapContainer
+            center={mapCentre}
+            zoom={7}
+            minZoom={4}
+            maxBounds={[[150, -50], [0, 50]]}
+            maxBoundsViscosity={0.3}
+            style={{ height: "100%", width: "100%" }}
+        >
+
             <TileLayer
                 url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                 attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'