fix MT-5109 (#79)

Co-authored-by: Yurii Khovzun <yurii.khovzun@bitcom.systems>

Author: yurii-khovzun

src/LanguageDropdown.tsx

@@ -1,13 +1,11 @@
 import React, { useState } from 'react';
 import useOnclickOutside from 'react-cool-onclickoutside';
 import { useTranslation, useCurrency } from './app-state';
+import { config } from './config';
 
 import './LanguageDropdown.scss';
 
-const languages = [
-  { key: 'en', name: 'english' },
-  { key: 'fr', name: 'french' },
-];
+const languages = config.supportedLocales
 
 export const LanguageDropdown: React.FC = () => {
   const [isOpen, setIsOpen] = useState(false);

src/app-state.ts

@@ -13,7 +13,7 @@ import { config } from './config';
 
 const languages = config.supportedLocales.map(el => {
   return {
-    [el.value] : require(`./locales/${el.value}.json`),
+    [el.key] : require(`./locales/${el.key}.json`),
   }
 }).reduce((result, current) => {
   return Object.assign(result, current);

src/config.ts

@@ -14,10 +14,12 @@ export const config = {
   b2b: process.env.REACT_APP_B2B_ENABLE || false,
   supportedLocales: process.env.REACT_APP_SUPPORTED_LOCALES?.split(',').map(el => JSON.parse(el)) || [
     {
-      "value": "en"
+      "key": "en",
+      "name": "english"
     },
     {
-      "value": "fr"
+      "key": "fr",
+      "name": "french"
     }
   ],
   defaultLanguage: process.env.REACT_APP_DEFAULT_LANGUAGE || "en",