Multilingual Support

Malaria Threats Map app provides multilingual support for English, French and Spanish. Translation files can be found on EyeSeeTea/malaria-threats-map/tree/master/src/webapp/translations.

To facilitate the work of translators, EyeSeeTea has integrated the terms into a translation platform: POEditor.

Terms can be modified on the PoEditor platform and then imported into the project.

There are two types of translations being done:

1. Within the App - translations done locally on the app, and for that we are using react-i18next library to manage the different languages (English, Spanish & French). The vast majority of the wordings within the app are being defined here, with the exceptions being mentioned on the next translation type, with one file for each language:

• English: src > webapp > translations > en > translations.json

• Spanish: src > webapp > translations > es > translations.json

• French: src > webapp > translations > fr > translations.json

  Here you can define each translation according to a specific 'key' value.

2. Outside the App - translations fetched from the xmart database directly ("translations" mart), these are the instances where it is being done:

   1. Map:
      • Location filter: Region, Subregion, Countries dropdown options;
      • Data Filter: All input options (eg. filters, dropdown choices, radio button select options)
   2. Dashboard:
      • Country dropdown & country name's inside the dashboards themselves.
   3. Stories
      • Texts

   Basically the information about countries/regions, map filters options