diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index be9ae17286..ab55370e84 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -105,10 +105,7 @@ import { ApacheAirflowPage } from '@backstage/plugin-apache-airflow';
import { RequirePermission } from '@backstage/plugin-permission-react';
import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
import { PlaylistIndexPage } from '@backstage/plugin-playlist';
-import {
- AnotherCustomlayout,
- CustomLayout,
-} from './components/scaffolder/customScaffolderLayouts';
+import { TwoColumnLayout } from './components/scaffolder/customScaffolderLayouts';
const app = createApp({
apis,
@@ -225,7 +222,7 @@ const routes = (
-
+
>
diff --git a/packages/app/src/components/scaffolder/customScaffolderLayouts.tsx b/packages/app/src/components/scaffolder/customScaffolderLayouts.tsx
index a9def3926e..f11cf7d3be 100644
--- a/packages/app/src/components/scaffolder/customScaffolderLayouts.tsx
+++ b/packages/app/src/components/scaffolder/customScaffolderLayouts.tsx
@@ -21,11 +21,7 @@ import {
} from '@backstage/plugin-scaffolder';
import { Grid } from '@material-ui/core';
-const TwoColumLayout: ObjectFieldTemplate = ({
- properties,
- description,
- title,
-}) => {
+const TwoColum: ObjectFieldTemplate = ({ properties, description, title }) => {
const mid = Math.ceil(properties.length / 2);
const left = properties.slice(0, mid);
const right = properties.slice(mid);
@@ -50,9 +46,9 @@ const TwoColumLayout: ObjectFieldTemplate = ({
);
};
-export const CustomLayout = scaffolderPlugin.provide(
+export const TwoColumnLayout = scaffolderPlugin.provide(
createScaffolderLayout({
- name: 'CustomLayout',
- component: TwoColumLayout,
+ name: 'TwoColumn',
+ component: TwoColum,
}),
);
diff --git a/packages/app/src/components/scaffolder/defaultPreviewTemplate.ts b/packages/app/src/components/scaffolder/defaultPreviewTemplate.ts
index 2abed330c4..7ab1556fc7 100644
--- a/packages/app/src/components/scaffolder/defaultPreviewTemplate.ts
+++ b/packages/app/src/components/scaffolder/defaultPreviewTemplate.ts
@@ -17,7 +17,7 @@
export const defaultPreviewTemplate = `# Edit the template parameters below to see how they will render in the scaffolder form UI
parameters:
- title: Fill in some steps
- ui:layout: 'CustomLayout'
+ ui:layout: 'TwoColumn'
required:
- name
properties: