From 5b04b14b49b71c362c966f77023ed72ee20db8cd Mon Sep 17 00:00:00 2001 From: Vadim Bogomazov Date: Mon, 14 Apr 2025 15:22:58 +0300 Subject: [PATCH 1/2] Uppercase first letter in language name Signed-off-by: Vadim Bogomazov --- .changeset/stale-symbols-joke.md | 5 +++++ .../src/components/General/UserSettingsLanguageToggle.tsx | 6 +++++- 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 .changeset/stale-symbols-joke.md diff --git a/.changeset/stale-symbols-joke.md b/.changeset/stale-symbols-joke.md new file mode 100644 index 0000000000..ea4f172c1c --- /dev/null +++ b/.changeset/stale-symbols-joke.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-user-settings': patch +--- + +Uppercase language name in language select diff --git a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx index 9514c50d54..3e493f7dfe 100644 --- a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx @@ -88,7 +88,11 @@ export const UserSettingsLanguageToggle = () => { const names = new Intl.DisplayNames([language], { type: 'language', }); - return names.of(language) || language; + const languageDisplayName = names.of(language); + return languageDisplayName + ? languageDisplayName.charAt(0).toLocaleUpperCase('en-US') + + languageDisplayName.slice(1) + : language; } catch (err) { return language; } From 4a5e6772b9203cb9f4772f50d85aa6333cc0b48f Mon Sep 17 00:00:00 2001 From: Vadim Bogomazov Date: Mon, 14 Apr 2025 15:33:29 +0300 Subject: [PATCH 2/2] Uppercase first letter in language name Signed-off-by: Vadim Bogomazov --- .../src/components/General/UserSettingsLanguageToggle.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx index 3e493f7dfe..c7d7075a4c 100644 --- a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx +++ b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx @@ -61,6 +61,9 @@ const useStyles = makeStyles(theme => ({ }, })); +const capitalize = (s: string) => + s.charAt(0).toLocaleUpperCase('en-US') + s.slice(1); + /** @public */ export const UserSettingsLanguageToggle = () => { const classes = useStyles(); @@ -89,10 +92,7 @@ export const UserSettingsLanguageToggle = () => { type: 'language', }); const languageDisplayName = names.of(language); - return languageDisplayName - ? languageDisplayName.charAt(0).toLocaleUpperCase('en-US') + - languageDisplayName.slice(1) - : language; + return languageDisplayName ? capitalize(languageDisplayName) : language; } catch (err) { return language; }