diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js index 32e2d3f127..5e7d8ae2c0 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js @@ -1,12 +1,52 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { Button, Typography } from '@strapi/design-system'; -import { Check, Trash } from '@strapi/icons'; +import { Button, Dialog, DialogBody, DialogFooter, Flex, Typography } from '@strapi/design-system'; +import { Check, ExclamationMarkCircle, Trash } from '@strapi/icons'; import { useIntl } from 'react-intl'; import { useTracking } from '@strapi/helper-plugin'; import { getTrad } from '../../../utils'; import InjectionZoneList from '../../InjectionZoneList'; -import ConfirmBulkActionDialog from '../ConfirmBulkActionDialog'; + +const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen, dialogBody, endAction }) => { + const { formatMessage } = useIntl(); + + return ( + + }> + + {dialogBody} + + + + {formatMessage({ + id: 'app.components.Button.cancel', + defaultMessage: 'Cancel', + })} + + } + endAction={endAction} + /> + + ); +}; + +ConfirmBulkActionDialog.propTypes = { + isOpen: PropTypes.bool.isRequired, + onToggleDialog: PropTypes.func.isRequired, + dialogBody: PropTypes.node.isRequired, + endAction: PropTypes.node.isRequired, +}; const confirmDialogsPropTypes = { isConfirmButtonLoading: PropTypes.bool.isRequired, diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmBulkActionDialog/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmBulkActionDialog/index.js deleted file mode 100644 index 183df09c29..0000000000 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmBulkActionDialog/index.js +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { useIntl } from 'react-intl'; -import { Button, Dialog, DialogBody, DialogFooter, Flex } from '@strapi/design-system'; -import { ExclamationMarkCircle } from '@strapi/icons'; - -const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen, dialogBody, endAction }) => { - const { formatMessage } = useIntl(); - - return ( - - }> - - {dialogBody} - - - - {formatMessage({ - id: 'app.components.Button.cancel', - defaultMessage: 'Cancel', - })} - - } - endAction={endAction} - /> - - ); -}; - -ConfirmBulkActionDialog.propTypes = { - isOpen: PropTypes.bool.isRequired, - onToggleDialog: PropTypes.func.isRequired, - dialogBody: PropTypes.node.isRequired, - endAction: PropTypes.node.isRequired, -}; - -export default ConfirmBulkActionDialog;