Add prop confirmButtonHidden

cultuurnet · Oct 24, 2024 · e1593c8 · e1593c8
1 parent 0e17bb1
commit e1593c8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/ui/Modal.js b/src/ui/Modal.js
@@ -40,6 +40,7 @@ Modal.propTypes = {
   cancelTitle: PropTypes.string,
   onConfirm: PropTypes.func,
   confirmButtonDisabled: PropTypes.bool,
+  confirmButtonHidden: PropTypes.bool,
 };
 
 Modal.defaultProps = {

diff --git a/src/ui/Modal/QuestionModal.js b/src/ui/Modal/QuestionModal.js
@@ -19,6 +19,7 @@ const QuestionModal = ({
   scrollable,
   size,
   confirmButtonDisabled,
+  confirmButtonHidden,
   confirmLoading,
 }) => (
   <BootstrapModal
@@ -61,14 +62,16 @@ const QuestionModal = ({
       <Button variant={ButtonVariants.SECONDARY} onClick={onClose}>
         {cancelTitle}
       </Button>
-      <Button
-        loading={confirmLoading}
-        variant={ButtonVariants.PRIMARY}
-        onClick={onConfirm}
-        disabled={confirmButtonDisabled || confirmLoading}
-      >
-        {confirmTitle}
-      </Button>
+      {!confirmButtonHidden && (
+        <Button
+          loading={confirmLoading}
+          variant={ButtonVariants.PRIMARY}
+          onClick={onConfirm}
+          disabled={confirmButtonDisabled || confirmLoading}
+        >
+          {confirmTitle}
+        </Button>
+      )}
     </BootstrapModal.Footer>
   </BootstrapModal>
 );
@@ -86,11 +89,13 @@ QuestionModal.propTypes = {
   children: PropTypes.node,
   size: PropTypes.string,
   confirmButtonDisabled: PropTypes.bool,
+  confirmButtonHidden: PropTypes.bool,
 };
 
 QuestionModal.defaultProps = {
   visible: false,
   confirmButtonDisabled: false,
+  confirmButtonHidden: false,
   title: '',
   confirmTitle: 'Ok',
   cancelTitle: 'Cancel',