import React from 'react'; import PropTypes from 'prop-types'; import { injectIntl, FormattedMessage } from 'react-intl'; import Button from 'flavours/glitch/components/button'; @injectIntl export default class ConfirmationModal extends React.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, onDoNotAsk: PropTypes.func, intl: PropTypes.object.isRequired, }; componentDidMount() { this.button.focus(); } handleClick = () => { 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 && (
); } }