DialogButtons: Allow setting the cancel button class with a prop.

This commit is contained in:
Damir Jelić 2020-01-24 16:46:46 +01:00
parent cd225943ea
commit 5d3b916a89

View file

@ -40,6 +40,10 @@ export default createReactClass({
// should there be a cancel button? default: true // should there be a cancel button? default: true
hasCancel: PropTypes.bool, hasCancel: PropTypes.bool,
// The class of the cancel button, only used if a cancel button is
// enabled
cancelButtonClass: PropTypes.node,
// onClick handler for the cancel button. // onClick handler for the cancel button.
onCancel: PropTypes.func, onCancel: PropTypes.func,
@ -69,8 +73,10 @@ export default createReactClass({
primaryButtonClassName += " " + this.props.primaryButtonClass; primaryButtonClassName += " " + this.props.primaryButtonClass;
} }
let cancelButton; let cancelButton;
if (this.props.cancelButton || this.props.hasCancel) { if (this.props.cancelButton || this.props.hasCancel) {
cancelButton = <button onClick={this._onCancelClick} disabled={this.props.disabled}> cancelButton = <button className={this.props.cancelButtonClass}
onClick={this._onCancelClick} disabled={this.props.disabled}>
{ this.props.cancelButton || _t("Cancel") } { this.props.cancelButton || _t("Cancel") }
</button>; </button>;
} }