Merge pull request #1209 from IFRCGo/add/basemap-admin-layer

Add admin layer in basemap

Author: samshara

.changeset/new-pugs-dance.md

@@ -0,0 +1,5 @@
+---
+"go-web-app": patch
+---
+
+Show admin labels in maps in different languages, potentially fixing [##1036](https://github.com/IFRCGo/go-web-app/issues/1036)

app/src/components/domain/BaseMap/index.tsx

@@ -1,4 +1,8 @@
-import { useMemo } from 'react';
+import {
+    useContext,
+    useMemo,
+} from 'react';
+import { LanguageContext } from '@ifrc-go/ui/contexts';
 import {
     isDefined,
     isFalsyString,
@@ -12,7 +16,6 @@ import { type SymbolLayer } from 'mapbox-gl';
 
 import useCountry from '#hooks/domain/useCountry';
 import {
-    adminLabelLayerOptions,
     defaultMapOptions,
     defaultMapStyle,
     defaultNavControlOptions,
@@ -98,6 +101,34 @@ function BaseMap(props: Props) {
         [countries],
     );
 
+    const {
+        currentLanguage,
+    } = useContext(LanguageContext);
+
+    const adminLabelLayerOptions : Omit<SymbolLayer, 'id'> = useMemo(
+        () => {
+            // ar, es, fr
+            let label: string;
+            if (currentLanguage === 'es') {
+                label = 'name_es';
+            } else if (currentLanguage === 'ar') {
+                label = 'name_ar';
+            } else if (currentLanguage === 'fr') {
+                label = 'name_fr';
+            } else {
+                label = 'name';
+            }
+
+            return {
+                type: 'symbol',
+                layout: {
+                    'text-field': ['get', label],
+                },
+            };
+        },
+        [currentLanguage],
+    );
+
     return (
         <Map
             mapStyle={mapStyle ?? defaultMapStyle}