Refactoring i18n

src/i18n.tsx

@@ -6,30 +6,18 @@ import {
 } from "react-i18next";
 
 import {
-    ENGLISH
+    LOCALES
-} from './locales/en';
+} from './locales';
 
-import {
+const resources = Object.fromEntries(
-    UKRAINIAN
+    Object.entries(LOCALES).map(([key, value]) => [
-} from './locales/uk';
+        key.toLowerCase(),
 
-import {
+        {
-    POLISH
+            translation: value
-} from './locales/pl';
+        }
-
+    ])
-const resources = {
+);
-    en: {
-        translation: ENGLISH
-    },
-
-    uk: {
-        translation: UKRAINIAN
-    },
-
-    pl: {
-        translation: POLISH
-    }
-};
 
 i18n.use(initReactI18next).use(LanguageDetector).init({
     resources,

src/locales/en.tsx

@@ -1,4 +1,4 @@
-export const ENGLISH = {
+export const EN = {
     // src/components/Header.tsx
     Header: {
         "all-repositories": "All Repositories"

src/locales/index.tsx

@@ -0,0 +1,17 @@
+import {
+    EN
+} from './en'; // English
+
+import {
+    UK
+} from './uk'; // Ukrainian
+
+import {
+    PL
+} from './pl'; // Polish
+
+export const LOCALES = {
+    EN,
+    UK,
+    PL
+};

src/locales/pl.tsx

@@ -1,4 +1,4 @@
-export const POLISH = {
+export const PL = {
     // src/components/Header.tsx
     Header: {
         "all-repositories": "Wszystkie repozytoria"

src/locales/uk.tsx

@@ -1,4 +1,4 @@
-export const UKRAINIAN = {
+export const UK = {
     // src/components/Header.tsx
     Header: {
         "all-repositories": "Усі репозиторії"