fix(scaffolder): show template-specific title in browser tab (#32343)

* fix(scaffolder): show template-specific title in browser tab Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com> * adding changeset Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com> * updating api report Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com> * prefixing Create new Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com> * updating the report Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com> --------- Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
2026-02-03 19:33:02 +05:30
parent 2f51676452
commit 4e581a66e5
4 changed files with 14 additions and 1 deletions
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+Updated the browser tab title on the template wizard page to display the specific template title instead of the generic "Create a new component" text.
@@ -633,6 +633,7 @@ export const scaffolderTranslationRef: TranslationRef<
    readonly 'templateWizardPage.title': 'Create a new component';
    readonly 'templateWizardPage.subtitle': 'Create new software components using standard templates in your organization';
    readonly 'templateWizardPage.pageTitle': 'Create a new component';
+    readonly 'templateWizardPage.templateWithTitle': 'Create new {{templateTitle}}';
    readonly 'templateWizardPage.pageContextMenu.editConfigurationTitle': 'Edit Configuration';
    readonly 'templateEditorToolbar.customFieldExplorerTooltip': 'Custom Fields Explorer';
    readonly 'templateEditorToolbar.installedActionsDocumentationTooltip': 'Installed Actions Documentation';
@@ -138,7 +138,13 @@ export const TemplateWizardPage = (props: TemplateWizardPageProps) => {
    <AnalyticsContext attributes={{ entityRef: templateRef }}>
      <Page themeId="website">
        <Header
-          pageTitleOverride={t('templateWizardPage.pageTitle')}
+          pageTitleOverride={
+            manifest?.title
+              ? t('templateWizardPage.templateWithTitle', {
+                  templateTitle: manifest.title,
+                })
+              : t('templateWizardPage.pageTitle')
+          }
          title={t('templateWizardPage.title')}
          subtitle={t('templateWizardPage.subtitle')}
          {...props.headerOptions}
@@ -358,6 +358,7 @@ export const scaffolderTranslationRef = createTranslationRef({
      subtitle:
        'Create new software components using standard templates in your organization',
      pageTitle: 'Create a new component',
+      templateWithTitle: 'Create new {{templateTitle}}',
      pageContextMenu: {
        editConfigurationTitle: 'Edit Configuration',
      },