diff --git a/web/public/locales/en/common.json b/web/public/locales/en/common.json index 7d0f995e0..a78ba2c09 100644 --- a/web/public/locales/en/common.json +++ b/web/public/locales/en/common.json @@ -113,7 +113,7 @@ "configurationEditor": "Configuration Editor", "languages": "Languages", "language": { - "en": "English", + "en": "English (English)", "es": "Español (Spanish)", "zhCN": "简体中文 (Simplified Chinese)", "hi": "हिन्दी (Hindi)", diff --git a/web/src/components/menu/GeneralSettings.tsx b/web/src/components/menu/GeneralSettings.tsx index b769e75e8..dc8ea91ae 100644 --- a/web/src/components/menu/GeneralSettings.tsx +++ b/web/src/components/menu/GeneralSettings.tsx @@ -73,6 +73,17 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) { const { data: config } = useSWR("config"); const logoutUrl = config?.proxy?.logout_url || "/api/logout"; + // languages + + const languages = [ + { code: "en", label: t("menu.language.en") }, + { code: "es", label: t("menu.language.es") }, + { code: "zh-CN", label: t("menu.language.zhCN") }, + { code: "tr", label: t("menu.language.tr") }, + { code: "nl", label: t("menu.language.nl") }, + { code: "nb", label: t("menu.language.nb") }, + ]; + // settings const { language, setLanguage } = useLanguage(); @@ -313,80 +324,27 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) { } > - setLanguage("en")} - > - {language.trim() === "en" ? ( - <> - - {t("menu.language.en")} - - ) : ( - {t("menu.language.en")} - )} - - setLanguage("es")} - > - {language === "es" ? ( - <> - - {t("menu.language.es")} - - ) : ( - {t("menu.language.es")} - )} - - setLanguage("zh-CN")} - > - {language === "zh-CN" ? ( - <> - - {t("menu.language.zhCN")} - - ) : ( - - {t("menu.language.zhCN")} - - )} - - setLanguage("tr")} - > - {language === "tr" ? ( - <> - - {t("menu.language.tr")} - - ) : ( - {t("menu.language.tr")} - )} - + {languages.map(({ code, label }) => ( + setLanguage(code)} + > + {language.trim() === code ? ( + <> + + {label} + + ) : ( + {label} + )} + + ))}