Show template.display_name on pages: Templates, CreateWorkspace

mtojek · mtojek · commit 0b38bea11e00 · 2022-11-14T16:28:08.000+01:00
diff --git a/site/src/components/TemplateLayout/TemplateLayout.tsx b/site/src/components/TemplateLayout/TemplateLayout.tsx
@@ -168,7 +168,7 @@ export const TemplateLayout: FC<PropsWithChildren> = ({ children }) => {
 
             {!isLoading && (
               <div>
-                <PageHeaderTitle>{templateName}</PageHeaderTitle>
+                <PageHeaderTitle>{template.display_name.length > 0 ? template.display_name : template.name}</PageHeaderTitle>
                 <PageHeaderSubtitle condensed>
                   {template.description === ""
                     ? Language.noDescription
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -191,7 +191,7 @@ export const CreateWorkspacePageView: FC<
                   </div>
                   <Stack direction="column" spacing={0.5}>
                     <span className={styles.templateName}>
-                      {props.selectedTemplate.name}
+                      {props.selectedTemplate.display_name.length > 0 ? props.selectedTemplate.display_name : props.selectedTemplate.name}
                     </span>
                     {props.selectedTemplate.description && (
                       <span className={styles.templateDescription}>
diff --git a/site/src/pages/TemplatePage/TemplateSummaryPage/TemplateSummaryPage.tsx b/site/src/pages/TemplatePage/TemplateSummaryPage/TemplateSummaryPage.tsx
@@ -22,7 +22,7 @@ export const TemplateSummaryPage: FC = () => {
   return (
     <>
       <Helmet>
-        <title>{pageTitle(`${template.name} · Template`)}</title>
+        <title>{pageTitle(`${template.display_name.length > 0 ? template.display_name : template.name} · Template`)}</title>
       </Helmet>
       <TemplateSummaryPageView
         template={template}
diff --git a/site/src/pages/TemplateSettingsPage/TemplateSettingsForm.tsx b/site/src/pages/TemplateSettingsPage/TemplateSettingsForm.tsx
@@ -110,7 +110,6 @@ export const TemplateSettingsForm: FC<TemplateSettingsForm> = ({
         <TextField
           {...getFieldHelpers("display_name")}
           disabled={isSubmitting}
-          onChange={onChangeTrimmed(form)}
           autoFocus
           fullWidth
           label={Language.displayNameLabel}
