import PropTypes from 'prop-types'; import { PureComponent } from 'react'; import { injectIntl, FormattedMessage } from 'react-intl'; import Button from 'flavours/glitch/components/button'; class ConfirmationModal extends PureComponent { static propTypes = { message: PropTypes.node.isRequired, confirm: PropTypes.string.isRequired, onClose: PropTypes.func.isRequired, onConfirm: PropTypes.func.isRequired, secondary: PropTypes.string, onSecondary: PropTypes.func, closeWhenConfirm: PropTypes.bool, onDoNotAsk: PropTypes.func, intl: PropTypes.object.isRequired, }; static defaultProps = { closeWhenConfirm: true, }; componentDidMount() { this.button.focus(); } handleClick = () => { if (this.props.closeWhenConfirm) { this.props.onClose(); } this.props.onConfirm(); if (this.props.onDoNotAsk && this.doNotAskCheckbox.checked) { this.props.onDoNotAsk(); } }; handleSecondary = () => { this.props.onClose(); this.props.onSecondary(); }; handleCancel = () => { this.props.onClose(); }; setRef = (c) => { this.button = c; }; setDoNotAskRef = (c) => { this.doNotAskCheckbox = c; }; render () { const { message, confirm, secondary, onDoNotAsk } = this.props; return (
{message}
{ onDoNotAsk && (
)}
{secondary !== undefined && (
); } } export default injectIntl(ConfirmationModal);