diff --git a/.changeset/scaffolder-actions-page-table.md b/.changeset/scaffolder-actions-page-table.md index a53b7fa8ce..ec6c7ad335 100644 --- a/.changeset/scaffolder-actions-page-table.md +++ b/.changeset/scaffolder-actions-page-table.md @@ -2,4 +2,4 @@ '@backstage/plugin-scaffolder': patch --- -Migrated the actions page to use `@backstage/ui` table and search components. Actions are now listed in a table with aligned name and description columns, with click-to-expand detail view and built-in search filtering. +Migrated the actions page to use `@backstage/ui` list and search components. Actions are now presented in a sidebar list with a separate detail panel for the selected action, along with built-in search filtering. diff --git a/plugins/scaffolder/src/components/ActionsPage/ActionsPage.test.tsx b/plugins/scaffolder/src/components/ActionsPage/ActionsPage.test.tsx index 462c162970..b40e514f88 100644 --- a/plugins/scaffolder/src/components/ActionsPage/ActionsPage.test.tsx +++ b/plugins/scaffolder/src/components/ActionsPage/ActionsPage.test.tsx @@ -606,7 +606,7 @@ describe('ActionsPage', () => { scaffolderApiMock.listActions.mockResolvedValue([ { id: 'github:repo:create', - description: 'Create a new Github repository', + description: 'Create a new GitHub repository', schema: { input: { type: 'object', @@ -622,7 +622,7 @@ describe('ActionsPage', () => { }, { id: 'github:repo:push', - description: 'Push to a Github repository', + description: 'Push to a GitHub repository', schema: { input: { type: 'object', @@ -682,7 +682,7 @@ describe('ActionsPage', () => { scaffolderApiMock.listActions.mockResolvedValue([ { id: 'github:repo:create', - description: 'Create a new Github repository', + description: 'Create a new GitHub repository', schema: {}, }, ]); diff --git a/plugins/scaffolder/src/components/RenderSchema/RenderSchema.tsx b/plugins/scaffolder/src/components/RenderSchema/RenderSchema.tsx index d343a8bc10..0383d46c81 100644 --- a/plugins/scaffolder/src/components/RenderSchema/RenderSchema.tsx +++ b/plugins/scaffolder/src/components/RenderSchema/RenderSchema.tsx @@ -199,6 +199,7 @@ export const RenderEnum: FC<{ data-testid={`wrap-text_${i}`} variant="tertiary" size="small" + aria-label="Show formatted value" > ↵ @@ -242,7 +243,7 @@ export const RenderSchema = ({ id: 'value', label: t('renderSchema.tableCell.value'), isRowHeader: true, - defaultWidth: '3fr' as any, + defaultWidth: '3fr', cell: item => , }, ] @@ -270,7 +271,7 @@ export const RenderSchema = ({ { id: 'value', label: t('renderSchema.tableCell.value'), - defaultWidth: '1fr' as any, + defaultWidth: '1fr', cell: item => , }, ]; @@ -349,7 +350,7 @@ export const RenderSchema = ({ } return undefined; })(); - return result ?? No schema defined; + return result ?? {t('renderSchema.undefined')}; }; function RenderExpansion({