Only multiple language support feature

2 files changed, 6 insertions, 28 deletions

diff --git a/modern/src/map/CurrentLocationMap.js b/modern/src/map/CurrentLocationMap.js
index c875662d..69724ce1 100644
--- a/modern/src/map/CurrentLocationMap.js
+++ b/modern/src/map/CurrentLocationMap.js
@@ -1,14 +1,9 @@
 import maplibregl from 'maplibre-gl';
 import { useEffect } from 'react';
-import { useLocalization } from '../common/localization';
 import { map } from './Map';
 
 const CurrentLocationMap = () => {
-  const {direction} = useLocalization();
-
   useEffect(() => {
-    const controlsPosition = direction ==='rtl' ? 'top-left' : 'top-right';
-
     const control = new maplibregl.GeolocateControl({
       positionOptions: {
         enableHighAccuracy: true,
@@ -16,9 +11,9 @@ const CurrentLocationMap = () => {
       },
       trackUserLocation: true,
     });
-    map.addControl(control,controlsPosition);
+    map.addControl(control);
     return () => map.removeControl(control);
-  }, [direction]);
+  }, []);
 
   return null;
 };
diff --git a/modern/src/map/Map.js b/modern/src/map/Map.js
index 64fc31a0..47ebb1f0 100644
--- a/modern/src/map/Map.js
+++ b/modern/src/map/Map.js
@@ -7,10 +7,10 @@ import React, {
 import { SwitcherControl } from './switcher/switcher';
 import deviceCategories from '../common/deviceCategories';
 import { prepareIcon, loadImage } from './mapUtil';
-import t, { useLocalization } from '../common/localization';
 import {
   styleCarto, styleMapbox, styleMapTiler, styleOsm,
 } from './mapStyles';
+import t from '../common/localization';
 import { useAttributePreference } from '../common/preferences';
 import palette from '../theme/palette';
 
@@ -64,9 +64,9 @@ const initMap = async () => {
 
 map.on('load', initMap);
 
-const navigationControl = new maplibregl.NavigationControl({
+map.addControl(new maplibregl.NavigationControl({
   showCompass: false,
-})
+}));
 
 const switcher = new SwitcherControl(
   [
@@ -92,32 +92,15 @@ const switcher = new SwitcherControl(
   },
 );
 
-const addPrimaryControls = position => {
-  map.addControl(navigationControl, position);
-  map.addControl(switcher, position);
-}
-
-const removePrimaryControls =()=> {
-  map.removeControl(navigationControl);
-  map.removeControl(switcher);
-}
-
-
 map.addControl(switcher);
 
 const Map = ({ children }) => {
   const containerEl = useRef(null);
-  const {direction} = useLocalization();
+
   const [mapReady, setMapReady] = useState(false);
 
   const mapboxAccessToken = useAttributePreference('mapboxAccessToken');
 
-  useEffect(()=>{
-    const controlsPosition = direction ==='rtl' ? 'top-left' : 'top-right';
-    addPrimaryControls(controlsPosition);
-    return removePrimaryControls;
-  },[direction])
-
   useEffect(() => {
     maplibregl.accessToken = mapboxAccessToken;
   }, [mapboxAccessToken]);