Fix path.

Added TODO, to change element which switch language
This commit is contained in:
Igor Bronovskyi
2021-08-25 17:19:00 +03:00
parent b262d8003e
commit 90edbd7faf
3 changed files with 7 additions and 1 deletions

View File

@@ -95,6 +95,7 @@ export default function App() {
)} )}
</HeaderToggle> </HeaderToggle>
{/* TODO: Add Scroll element to choose different language */}
<HeaderToggle onClick={() => (currentLang === 'en' ? changeLang('ru') : changeLang('en'))}> <HeaderToggle onClick={() => (currentLang === 'en' ? changeLang('ru') : changeLang('en'))}>
{currentLang === 'en' ? 'EN' : 'RU'} {currentLang === 'en' ? 'EN' : 'RU'}
</HeaderToggle> </HeaderToggle>

View File

@@ -3,6 +3,7 @@ import { initReactI18next } from 'react-i18next'
import LanguageDetector from 'i18next-browser-languagedetector' import LanguageDetector from 'i18next-browser-languagedetector'
import translationEN from 'locales/en/translation.json' import translationEN from 'locales/en/translation.json'
import translationRU from 'locales/ru/translation.json' import translationRU from 'locales/ru/translation.json'
import translationUA from 'locales/ua/translation.json'
i18n i18n
.use(LanguageDetector) .use(LanguageDetector)
@@ -10,7 +11,11 @@ i18n
.init({ .init({
fallbackLng: 'en', // default language will be used if none of declared lanuages detected (en, ru) fallbackLng: 'en', // default language will be used if none of declared lanuages detected (en, ru)
interpolation: { escapeValue: false }, // react already safes from xss interpolation: { escapeValue: false }, // react already safes from xss
resources: { en: { translation: translationEN }, ru: { translation: translationRU } }, resources: {
en: { translation: translationEN },
ru: { translation: translationRU },
ua: { translation: translationUA }
},
}) })
export default i18n export default i18n