summaryrefslogtreecommitdiff
path: root/src/components/modals/Modal.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/modals/Modal.js')
-rw-r--r--src/components/modals/Modal.js14
1 files changed, 11 insertions, 3 deletions
diff --git a/src/components/modals/Modal.js b/src/components/modals/Modal.js
index 0b3301af..06273a46 100644
--- a/src/components/modals/Modal.js
+++ b/src/components/modals/Modal.js
@@ -1,3 +1,4 @@
+import classNames from "classnames";
import PropTypes from "prop-types";
import React from "react";
@@ -7,6 +8,12 @@ class Modal extends React.Component {
show: PropTypes.bool.isRequired,
onSubmit: PropTypes.func.isRequired,
onCancel: PropTypes.func.isRequired,
+ submitButtonType: PropTypes.string,
+ submitButtonText: PropTypes.string,
+ };
+ static defaultProps = {
+ submitButtonType: "primary",
+ submitButtonText: "Save",
};
static idCounter = 0;
@@ -83,7 +90,7 @@ class Modal extends React.Component {
<h5 className="modal-title">{this.props.title}</h5>
<button type="button" className="close" onClick={this.onCancel.bind(this)}
aria-label="Close">
- <span aria-hidden="true">&times;</span>
+ <span>&times;</span>
</button>
</div>
<div className="modal-body">
@@ -93,8 +100,9 @@ class Modal extends React.Component {
<button type="button" className="btn btn-secondary" onClick={this.onCancel.bind(this)}>
Close
</button>
- <button type="button" className="btn btn-primary" onClick={this.onSubmit.bind(this)}>
- Save
+ <button type="button" className={classNames("btn", "btn-" + this.props.submitButtonType)}
+ onClick={this.onSubmit.bind(this)}>
+ {this.props.submitButtonText}
</button>
</div>
</div>