From c9a56504cec3839aa37cf03026a7454d48c524c1 Mon Sep 17 00:00:00 2001
From: Alireza Adli <alireza.adli@mail.concordia.ca>
Date: Fri, 27 Oct 2023 14:55:19 -0400
Subject: [PATCH] Add mapbox navigation control & remove leaflet's map
 cpntainer

---
 app/src/frontend/map/map.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/src/frontend/map/map.tsx b/app/src/frontend/map/map.tsx
index c1d19f88..12de43c3 100644
--- a/app/src/frontend/map/map.tsx
+++ b/app/src/frontend/map/map.tsx
@@ -128,6 +128,8 @@ export const ColouringMap: FC<ColouringMapProps> = ({
     });
   });
 
+  map.addControl(new mapboxgl.NavigationControl());
+
   return (
     <div
       ref={mapContainer}
@@ -140,9 +142,6 @@ export const ColouringMap: FC<ColouringMapProps> = ({
         right: "0",
       }}
     >
-      <MapContainer>
-        <ZoomControl position="topright" />
-      </MapContainer>
       {mode !== "basic" && (
         <>
           <Legend