yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-26 00:39:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move bulk confirm modal to same file

Browse Source
This commit is contained in:
Rémi de Juvigny 2023-05-03 10:53:33 +02:00
parent 1d283eb98e
commit 7d26539c5a
2 changed files with 43 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/core/admin/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js
View File

@ -1,12 +1,52 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Button, Typography } from '@strapi/design-system'; import { Button, Dialog, DialogBody, DialogFooter, Flex, Typography } from '@strapi/design-system';
import { Check, Trash } from '@strapi/icons'; import { Check, ExclamationMarkCircle, Trash } from '@strapi/icons';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { useTracking } from '@strapi/helper-plugin'; import { useTracking } from '@strapi/helper-plugin';
import { getTrad } from '../../../utils'; import { getTrad } from '../../../utils';
import InjectionZoneList from '../../InjectionZoneList'; import InjectionZoneList from '../../InjectionZoneList';
import ConfirmBulkActionDialog from '../ConfirmBulkActionDialog';
const ConfirmBulkActionDialog = ({ onToggleDialog, isOpen, dialogBody, endAction }) => {
const { formatMessage } = useIntl();
return (
<Dialog
onClose={onToggleDialog}
title={formatMessage({
id: 'app.components.ConfirmDialog.title',
defaultMessage: 'Confirmation',
})}
labelledBy="confirmation"
describedBy="confirm-description"
isOpen={isOpen}
>
<DialogBody icon={<ExclamationMarkCircle />}>
<Flex direction="column" alignItems="stretch" gap={2}>
{dialogBody}
</Flex>
</DialogBody>
<DialogFooter
startAction={
<Button onClick={onToggleDialog} variant="tertiary">
{formatMessage({
id: 'app.components.Button.cancel',
defaultMessage: 'Cancel',
})}
</Button>
}
endAction={endAction}
/>
</Dialog>
);
};
ConfirmBulkActionDialog.propTypes = {
isOpen: PropTypes.bool.isRequired,
onToggleDialog: PropTypes.func.isRequired,
dialogBody: PropTypes.node.isRequired,
endAction: PropTypes.node.isRequired,
};
const confirmDialogsPropTypes = { const confirmDialogsPropTypes = {
isConfirmButtonLoading: PropTypes.bool.isRequired, isConfirmButtonLoading: PropTypes.bool.isRequired,

48
packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmBulkActionDialog/index.js
View File

@ -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 (
<Dialog
onClose={onToggleDialog}
title={formatMessage({
id: 'app.components.ConfirmDialog.title',
defaultMessage: 'Confirmation',
})}
labelledBy="confirmation"
describedBy="confirm-description"
isOpen={isOpen}
>
<DialogBody icon={<ExclamationMarkCircle />}>
<Flex direction="column" alignItems="stretch" gap={2}>
{dialogBody}
</Flex>
</DialogBody>
<DialogFooter
startAction={
<Button onClick={onToggleDialog} variant="tertiary">
{formatMessage({
id: 'app.components.Button.cancel',
defaultMessage: 'Cancel',
})}
</Button>
}
endAction={endAction}
/>
</Dialog>
);
};
ConfirmBulkActionDialog.propTypes = {
isOpen: PropTypes.bool.isRequired,
onToggleDialog: PropTypes.func.isRequired,
dialogBody: PropTypes.node.isRequired,
endAction: PropTypes.node.isRequired,
};
export default ConfirmBulkActionDialog;