diff --git a/plugins/user-settings/alpha-api-report.md b/plugins/user-settings/alpha-api-report.md
index 4c6ac6ef39..203cfac601 100644
--- a/plugins/user-settings/alpha-api-report.md
+++ b/plugins/user-settings/alpha-api-report.md
@@ -16,11 +16,8 @@ export const userSettingsTranslationRef: TranslationRef<
readonly theme_dark: 'Dark';
readonly theme_auto: 'Auto';
readonly change_the_theme_mode: 'Change the theme mode';
- readonly select_theme_light: 'Select light';
- readonly select_theme_dark: 'Select dark';
+ readonly select_theme: 'Select {{theme}}';
readonly select_theme_auto: 'Select Auto Theme';
- readonly select_theme_custom: 'Select {{custom}}';
- readonly lng: '{{language}}';
readonly select_lng: 'Select language {{language}}';
}
>;
diff --git a/plugins/user-settings/dev/index.tsx b/plugins/user-settings/dev/index.tsx
index 86dc7c0d42..90be1e3bad 100644
--- a/plugins/user-settings/dev/index.tsx
+++ b/plugins/user-settings/dev/index.tsx
@@ -15,6 +15,7 @@
*/
import React from 'react';
+import { CatalogEntityPage } from '@backstage/plugin-catalog';
import { createDevApp } from '@backstage/dev-utils';
import { userSettingsPlugin, UserSettingsPage } from '../src/plugin';
@@ -22,6 +23,8 @@ createDevApp()
.registerPlugin(userSettingsPlugin)
.addPage({
title: 'Settings',
+ path: '/settings',
element: ,
})
+ .addPage({ element: })
.render();
diff --git a/plugins/user-settings/package.json b/plugins/user-settings/package.json
index 1ca1929cfc..8903065ae4 100644
--- a/plugins/user-settings/package.json
+++ b/plugins/user-settings/package.json
@@ -68,6 +68,7 @@
"devDependencies": {
"@backstage/cli": "workspace:^",
"@backstage/dev-utils": "workspace:^",
+ "@backstage/plugin-catalog": "workspace:^",
"@backstage/test-utils": "workspace:^",
"@testing-library/dom": "^8.0.0",
"@testing-library/jest-dom": "^5.10.1",
diff --git a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx
index 1f5bb025ee..56756b2248 100644
--- a/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx
+++ b/plugins/user-settings/src/components/General/UserSettingsLanguageToggle.tsx
@@ -135,7 +135,7 @@ export const UserSettingsLanguageToggle = () => {
title={t('select_lng', { language })}
value={language}
>
- <>{t('lng', { language })}>
+ <>{language}>
);
})}
diff --git a/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx
index a97355eb07..7279fcb96a 100644
--- a/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx
+++ b/plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx
@@ -142,24 +142,21 @@ export const UserSettingsThemeToggle = () => {
>
{themeIds.map(theme => {
const themeIcon = themeIds.find(it => it.id === theme.id)?.icon;
- const themeId = theme.id as 'light' | 'dark';
+ const themeId = theme.id;
+ const themeTitle =
+ theme.title ||
+ (themeId === 'light' || themeId === 'dark'
+ ? t(`theme_${themeId}`)
+ : themeId);
return (
<>
- {theme.title || t(`theme_${themeId}`)}
-
+ {themeTitle}
+
>
);
diff --git a/plugins/user-settings/src/translation.ts b/plugins/user-settings/src/translation.ts
index ffe4174d99..79b817c828 100644
--- a/plugins/user-settings/src/translation.ts
+++ b/plugins/user-settings/src/translation.ts
@@ -27,11 +27,8 @@ export const userSettingsTranslationRef = createTranslationRef({
theme_dark: 'Dark',
theme_auto: 'Auto',
change_the_theme_mode: 'Change the theme mode',
- select_theme_light: 'Select light',
- select_theme_dark: 'Select dark',
+ select_theme: 'Select {{theme}}',
select_theme_auto: 'Select Auto Theme',
- select_theme_custom: 'Select {{custom}}',
- lng: '{{language}}',
select_lng: 'Select language {{language}}',
} as const,
});
diff --git a/yarn.lock b/yarn.lock
index 704645ff70..84ad190c8a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9865,6 +9865,7 @@ __metadata:
"@backstage/core-plugin-api": "workspace:^"
"@backstage/dev-utils": "workspace:^"
"@backstage/errors": "workspace:^"
+ "@backstage/plugin-catalog": "workspace:^"
"@backstage/plugin-catalog-react": "workspace:^"
"@backstage/test-utils": "workspace:^"
"@backstage/theme": "workspace:^"