Merge pull request #3760 from macklin-10x/next

Adds props to allow customizing the title and content of Confirm modals for delete buttons.
marmelab · Nov 21, 2019 · 315b3ee · 315b3ee
2 parents 98db912 + 8fe5522
commit 315b3ee
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js b/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js
@@ -43,6 +43,8 @@ const useStyles = makeStyles(theme => ({
 const BulkDeleteWithConfirmButton = ({
     basePath,
     classes: classesOverride,
+    confirmTitle,
+    confirmContent,
     crudDeleteMany,
     icon,
     label,
@@ -105,8 +107,8 @@ const BulkDeleteWithConfirmButton = ({
             <Confirm
                 isOpen={isOpen}
                 loading={loading}
-                title="ra.message.bulk_delete_title"
-                content="ra.message.bulk_delete_content"
+                title={confirmTitle}
+                content={confirmContent}
                 translateOptions={{
                     smart_count: selectedIds.length,
                     name: inflection.humanize(
@@ -127,13 +129,17 @@ const BulkDeleteWithConfirmButton = ({
 BulkDeleteWithConfirmButton.propTypes = {
     basePath: PropTypes.string,
     classes: PropTypes.object,
+    confirmTitle: PropTypes.string,
+    confirmContent: PropTypes.string,
     label: PropTypes.string,
     resource: PropTypes.string.isRequired,
     selectedIds: PropTypes.arrayOf(PropTypes.any).isRequired,
     icon: PropTypes.element,
 };
 
 BulkDeleteWithConfirmButton.defaultProps = {
+    confirmTitle: 'ra.message.bulk_delete_title',
+    confirmContent: 'ra.message.bulk_delete_content',
     label: 'ra.action.delete',
     icon: <ActionDelete />,
 };

diff --git a/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js b/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js
@@ -51,6 +51,8 @@ const DeleteWithConfirmButton = ({
     basePath,
     classes: classesOverride,
     className,
+    confirmTitle = 'ra.message.delete_title',
+    confirmContent = 'ra.message.delete_content',
     icon,
     label = 'ra.action.delete',
     onClick,
@@ -123,8 +125,8 @@ const DeleteWithConfirmButton = ({
             <Confirm
                 isOpen={open}
                 loading={loading}
-                title="ra.message.delete_title"
-                content="ra.message.delete_content"
+                title={confirmTitle}
+                content={confirmContent}
                 translateOptions={{
                     name: inflection.humanize(
                         translate(`resources.${resource}.name`, {
@@ -146,6 +148,8 @@ DeleteWithConfirmButton.propTypes = {
     basePath: PropTypes.string,
     classes: PropTypes.object,
     className: PropTypes.string,
+    confirmTitle: PropTypes.string,
+    confirmContent: PropTypes.string,
     label: PropTypes.string,
     record: PropTypes.object,
     redirect: PropTypes.oneOfType([