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..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(); @@ -88,7 +91,8 @@ export const UserSettingsLanguageToggle = () => { const names = new Intl.DisplayNames([language], { type: 'language', }); - return names.of(language) || language; + const languageDisplayName = names.of(language); + return languageDisplayName ? capitalize(languageDisplayName) : language; } catch (err) { return language; }