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