feat: renaming Create to Self-service

.ibm/pipelines/resources/config_map/dynamic-global-header-config.yaml

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

catalog-entities/marketplace/packages/red-hat-developer-hub-backstage-plugin-global-header.yaml

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

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

e2e-tests/playwright/e2e/audit-log/catalog.spec.ts

@@ -89,7 +89,7 @@ test.describe("Audit Log check for Catalog Plugin", () => {
   });
 
   test("Should fetch logs for QueriedCatalogEntityFetch event and validate log structure and values", async () => {
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await validateCatalogLogEvent(
       "QueriedCatalogEntityFetch",
       "Queried entity fetch attempt",
@@ -101,7 +101,7 @@ test.describe("Audit Log check for Catalog Plugin", () => {
   test("Should fetch logs for CatalogLocationCreation event and validate log structure and values", async () => {
     const template =
       "https://github.com/RoadieHQ/sample-service/blob/main/demo_template.yaml";
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.analyzeComponent(template);
 

e2e-tests/playwright/e2e/audit-log/scaffold.spec.ts

@@ -22,7 +22,7 @@ test.describe("Audit Log check for Catalog Plugin", () => {
     common = new Common(page);
     catalogImport = new CatalogImport(page);
     await common.loginAsGuest();
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
   });
 
   test("Should fetch logs for ScaffolderParameterSchemaFetch event and validate log structure and values", async ({
@@ -32,7 +32,7 @@ test.describe("Audit Log check for Catalog Plugin", () => {
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(template, false);
     await page.waitForTimeout(1000);
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
     await common.waitForLoad();
     await uiHelper.clickBtnInCard("Hello World 2", "Choose");
     await LogUtils.validateLogEvent(

e2e-tests/playwright/e2e/authProviders/github-happy-path.spec.ts

@@ -130,7 +130,7 @@ test.describe.serial("GitHub Happy path", () => {
   test("Register an existing component", async () => {
     await uiHelper.openSidebar("Catalog");
     await uiHelper.selectMuiBox("Kind", "Component");
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(component);
   });
@@ -161,7 +161,7 @@ test.describe.serial("GitHub Happy path", () => {
   });
 
   test("Verify all 12 Software Templates appear in the Create page", async () => {
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
     await uiHelper.verifyHeading("Templates");
 
     for (const template of TEMPLATES) {

e2e-tests/playwright/e2e/catalog-scaffolded-from-link.spec.ts

@@ -39,15 +39,15 @@ test.describe.serial("Link Scaffolded Templates to Catalog Items", () => {
 
   test("Register an Template", async () => {
     await uiHelper.openSidebar("Catalog");
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(template, false);
   });
 
   test("Create a React App using the newly registered Template", async () => {
     test.setTimeout(130000);
     await uiHelper.openSidebar("Catalog");
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.searchInputPlaceholder("Create React App Template");
     await uiHelper.verifyText("Create React App Template");
     await uiHelper.waitForTextDisappear("Add ArgoCD to an existing project");

e2e-tests/playwright/e2e/catalog-timestamp.spec.ts

@@ -31,7 +31,7 @@ test.describe("Test timestamp column on Catalog", () => {
   });
 
   test("Register an existing component and verify `Created At` column and value in the Catalog Page", async () => {
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(component);
     await uiHelper.openSidebar("Catalog");

e2e-tests/playwright/e2e/default-global-header.spec.ts

@@ -20,7 +20,7 @@ test.describe("Default Global Header", () => {
     page,
   }) => {
     await expect(page.locator(`input[placeholder="Search..."]`)).toBeVisible();
-    await uiHelper.verifyLink({ label: "Create..." });
+    await uiHelper.verifyLink({ label: "Self-service" });
     await uiHelper.verifyLink({ label: "Support (external link)" });
     await uiHelper.verifyLink({ label: "Notifications" });
     expect(await uiHelper.isBtnVisible("rhdh-qe-2")).toBeTruthy();
@@ -31,8 +31,8 @@ test.describe("Default Global Header", () => {
     expect(await uiHelper.isBtnVisible("Settings")).toBeFalsy();
   });
 
-  test("Verify that clicking on Create button opens the Software Templates page", async () => {
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+  test("Verify that clicking on Self-service button opens the Software Templates page", async () => {
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
     await uiHelper.verifyHeading("Software Templates");
   });
 

e2e-tests/playwright/e2e/plugins/bulk-import.spec.ts

@@ -272,7 +272,7 @@ test.describe
   test('Verify repo from "register existing component"  are displayed in bulk import Added repositories', async () => {
     // Register Existing Component
     await uiHelper.openSidebar("Catalog");
-    await uiHelper.clickButton("Create");
+    await uiHelper.clickButton("Self-service");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(
       existingComponentDetails.url,

e2e-tests/playwright/e2e/plugins/http-request.spec.ts

@@ -23,7 +23,7 @@ test.describe("Testing scaffolder-backend-module-http-request to invoke an exter
 
   test("Create a software template using http-request plugin", async () => {
     test.setTimeout(130000);
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
     await uiHelper.verifyHeading("Templates");
     await uiHelper.clickButton("Register Existing Component");
     await catalogImport.registerExistingComponent(template, false);

e2e-tests/playwright/e2e/plugins/kubernetes-actions/kubernetes-actions.spec.ts

@@ -18,7 +18,7 @@ test.describe("Test Kubernetes Actions plugin", () => {
     kubeClient = new KubeClient();
 
     await common.loginAsGuest();
-    await uiHelper.clickLink({ ariaLabel: "Create..." });
+    await uiHelper.clickLink({ ariaLabel: "Self-service" });
   });
 
   test("Creates kubernetes namespace", async () => {

e2e-tests/playwright/e2e/plugins/rbac/rbac.spec.ts

@@ -480,7 +480,7 @@ test.describe.serial("Test RBAC", () => {
       await uiHelper.openSidebar("Catalog");
       await uiHelper.selectMuiBox("Kind", "Component");
       await uiHelper.verifyTableIsEmpty();
-      await uiHelper.clickLink({ ariaLabel: "Create..." });
+      await uiHelper.clickLink({ ariaLabel: "Self-service" });
       await page.reload();
       await uiHelper.verifyText(
         "No templates found that match your filter. Learn more about",
@@ -495,7 +495,7 @@ test.describe.serial("Test RBAC", () => {
     });
 
     test("Test catalog-entity create is allowed", async () => {
-      await uiHelper.clickLink({ ariaLabel: "Create..." });
+      await uiHelper.clickLink({ ariaLabel: "Self-service" });
       expect(await uiHelper.isLinkVisible("Register Existing Component"));
       await uiHelper.clickButton("Register Existing Component");
       const catalogImport = new CatalogImport(page);

e2e-tests/playwright/utils/navbar.ts

@@ -1,10 +1,10 @@
 export type SidebarTabs =
   | "Catalog"
-  | "Create"
+  | "Self-service"
   | "Settings"
   | "My Group"
   | "Home"
-  | "Create..."
+  | "Self-service"
   | "Learning Paths"
   | "Extensions"
   | "Bulk import"

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,