From 083f98e9f68562faa6ec8856d136804815d42691 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 20 Dec 2024 17:25:46 +0100
Subject: [PATCH] Show error on i18n language change

---
 public/locales/en.json                      | 3 +++
 src/modules/settings/screens/Appearance.tsx | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/public/locales/en.json b/public/locales/en.json
index 39936cb5bf..fe891b1eb0 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -445,6 +445,9 @@
       "warning": "Warning"
     },
     "language": {
+      "error": {
+        "load": "Could not load language"
+      },
       "label": {
         "language": "Language",
         "language_with_code": "Language with code: {{code}}"
diff --git a/src/modules/settings/screens/Appearance.tsx b/src/modules/settings/screens/Appearance.tsx
index f93a346151..080540b44e 100644
--- a/src/modules/settings/screens/Appearance.tsx
+++ b/src/modules/settings/screens/Appearance.tsx
@@ -133,7 +133,13 @@ export const Appearance = () => {
                     />
                     <Select
                         value={i18nResources.includes(i18n.language as I18nResourceCode) ? i18n.language : 'en'}
-                        onChange={({ target: { value: language } }) => i18n.changeLanguage(language)}
+                        onChange={({ target: { value: language } }) =>
+                            i18n.changeLanguage(language, (e) => {
+                                if (e) {
+                                    makeToast(t('global.language.error.load'), 'error', getErrorMessage(e));
+                                }
+                            })
+                        }
                     >
                         {i18nResources.map((language) => (
                             <MenuItem key={language} value={language}>