feat: renaming Create to Self-service

dynamic-plugins.default.yaml

@@ -557,7 +557,7 @@ plugins:
                 config:
                   priority: 90
                   props:
-                    title: Create...
+                    title: Self-service
                     icon: add
                     to: create
               - mountPoint: global.header/component

packages/app/src/components/AppBase/AppBase.tsx

@@ -97,9 +97,7 @@ const AppBase = () => {
               <Route
                 path="/create"
                 element={
-                  <ScaffolderPage
-                    headerOptions={{ title: 'Software Templates' }}
-                  />
+                  <ScaffolderPage headerOptions={{ title: 'Self-service' }} />
                 }
               >
                 <ScaffolderFieldExtensions>

packages/app/src/components/DynamicRoot/DynamicRoot.tsx

@@ -20,6 +20,7 @@ import extractDynamicConfig, {
   DynamicRoute,
 } from '../../utils/dynamicUI/extractDynamicConfig';
 import initializeRemotePlugins from '../../utils/dynamicUI/initializeRemotePlugins';
+import { catalogTranslations } from '../catalog/catalog-translations/catalog';
 import { MenuIcon } from '../Root/MenuIcon';
 import CommonIcons from './CommonIcons';
 import defaultAppComponents from './defaultAppComponents';
@@ -458,6 +459,10 @@ export const DynamicRoot = ({
         api => !remoteApis.some(remoteApi => remoteApi.api.id === api.api.id),
       );
       app.current = createApp({
+        __experimentalTranslations: {
+          availableLanguages: ['en'],
+          resources: [catalogTranslations],
+        },
         apis: [...filteredStaticApis, ...remoteApis],
         bindRoutes({ bind }) {
           bindAppRoutes(bind, resolvedRouteBindingTargets, routeBindings);

packages/app/src/components/catalog/catalog-translations/catalog-en.ts

@@ -0,0 +1,12 @@
+import { createTranslationMessages } from '@backstage/core-plugin-api/alpha';
+import { catalogTranslationRef } from '@backstage/plugin-catalog/alpha';
+
+const en = createTranslationMessages({
+  ref: catalogTranslationRef,
+  full: false, // False means that this is a partial translation
+  messages: {
+    'indexPage.createButtonTitle': 'Self-service',
+  },
+});
+
+export default en;

packages/app/src/components/catalog/catalog-translations/catalog.ts

@@ -0,0 +1,9 @@
+import { createTranslationResource } from '@backstage/core-plugin-api/alpha';
+import { catalogTranslationRef } from '@backstage/plugin-catalog/alpha';
+
+export const catalogTranslations = createTranslationResource({
+  ref: catalogTranslationRef,
+  translations: {
+    en: () => import('./catalog-en'),
+  },
+});

packages/app/src/consts.ts

@@ -30,7 +30,7 @@ export const DefaultMainMenuItems = {
       priority: 60,
     },
     'default.create': {
-      title: 'Create...',
+      title: 'Self-service',
       icon: 'add',
       to: 'create',
       priority: 50,