diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js index edd5514bde..d78831e424 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js @@ -5,7 +5,6 @@ import { AccordionContent, AccordionToggle, Box, - Button, Flex, Grid, GridItem, @@ -26,7 +25,7 @@ import { NotAllowedInput, useTracking, } from '@strapi/helper-plugin'; -import { Drag, More } from '@strapi/icons'; +import { Duplicate, Drag, More } from '@strapi/icons'; import { useField } from 'formik'; import PropTypes from 'prop-types'; import { getEmptyImage } from 'react-dnd-html5-backend'; @@ -58,12 +57,6 @@ const PermissionWrapper = styled(Flex)` } `; -// Make sure the apply to all stages button doesn't collapse, when the Select -// contains more tags than it can fit into one line -const ApplyToAllStages = styled(Button)` - flex-shrink: 0; -`; - const DeleteMenuItem = styled(MenuItem)` color: ${({ theme }) => theme.colors.danger600}; `; @@ -482,18 +475,17 @@ export function Stage({ - handleApplyPermissionsToAllStages(permissionsField.value)} - > - {formatMessage({ + icon={} + label={formatMessage({ id: 'Settings.review-workflows.stage.permissions.apply.label', defaultMessage: 'Apply to all stages', })} - + size="L" + variant="secondary" + onClick={() => handleApplyPermissionsToAllStages(permissionsField.value)} + /> )} diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/tests/Stage.test.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/tests/Stage.test.js index 7bd3ff0667..f7a060f1de 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/tests/Stage.test.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/tests/Stage.test.js @@ -272,7 +272,7 @@ describe('Admin | Settings | Review Workflow | Stage', () => { 'data-disabled' ); - expect(getByRole('button', { name: /apply to all stages/i })).toHaveAttribute('disabled'); + expect(getByRole('button', { name: /apply to all stages/i })).toHaveAttribute('aria-disabled'); }); it('should render a list of all available roles (except super admins)', async () => {