// @flow import React from 'react'; import { Modal } from 'modal/modal'; type Props = { onCommentAcknowledge: () => void, closeModal: () => void, }; class ModalCommentAcknowledgement extends React.PureComponent<Props> { render() { const { closeModal, onCommentAcknowledge } = this.props; function onAbortedOrConfirmed() { onCommentAcknowledge(); closeModal(); } return ( <Modal isOpen onAborted={onAbortedOrConfirmed} title={__('Comment acknowledgement')} onConfirmed={onAbortedOrConfirmed} > <p>{__('A few things to know before making your comment:')}</p> <ul> <li> {__( 'Commenting is in alpha. During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.' )} </li> <li>{__('All comments are viewable by anyone, keep this in mind before writing a comment.')}</li> <li>{__('When the alpha ends, we will attempt to transition comments, but do not promise to do so.')}</li> </ul> </Modal> ); } } export default ModalCommentAcknowledgement;