added multiple language support with related layout directions

1 files changed, 7 insertions, 2 deletions

diff --git a/modern/src/map/CurrentLocationMap.js b/modern/src/map/CurrentLocationMap.js
index 69724ce1..c875662d 100644
--- a/modern/src/map/CurrentLocationMap.js
+++ b/modern/src/map/CurrentLocationMap.js
@@ -1,9 +1,14 @@
 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,
@@ -11,9 +16,9 @@ const CurrentLocationMap = () => {
       },
       trackUserLocation: true,
     });
-    map.addControl(control);
+    map.addControl(control,controlsPosition);
     return () => map.removeControl(control);
-  }, []);
+  }, [direction]);
 
   return null;
 };