diff --git a/src/app/App.tsx b/src/app/App.tsx index 64fbb12..506176f 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -1,9 +1,17 @@ import React from 'react'; -import Translator from './components/i18n/Translator'; +import I18n from './components/I18n/I18n'; +import Translator from './components/I18n/Translator'; const App: React.FC = () => { return ( -
+ <> +
+ +
+
+ +
+ ) } diff --git a/src/app/components/I18n/I18n.tsx b/src/app/components/I18n/I18n.tsx new file mode 100644 index 0000000..044113f --- /dev/null +++ b/src/app/components/I18n/I18n.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import { useTranslation } from 'react-i18next'; + +const I18n: React.FC = () => { + const { i18n } = useTranslation(); + + function handleChangeLanguage(language: string) { + i18n.changeLanguage(language); + } + + const selectedLanguage = i18n.language; + + return ( +
+ + | + +
+ ); +}; + +export default I18n; diff --git a/src/app/components/i18n/Translator.ts b/src/app/components/I18n/Translator.ts similarity index 100% rename from src/app/components/i18n/Translator.ts rename to src/app/components/I18n/Translator.ts diff --git a/src/app/components/i18n/.editorconfig b/src/app/components/i18n/.editorconfig deleted file mode 100644 index c1322dc..0000000 --- a/src/app/components/i18n/.editorconfig +++ /dev/null @@ -1,12 +0,0 @@ -# EditorConfig is awesome: https://EditorConfig.org - -# top-most EditorConfig file -root = true - -[*] -indent_style = space -indent_size = 4 -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = false -insert_final_newline = false \ No newline at end of file