import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Modal from '../../modal';

export default class TransactionConfirmed extends PureComponent {
  static contextTypes = {
    t: PropTypes.func,
  };

  static propTypes = {
    onSubmit: PropTypes.func,
    hideModal: PropTypes.func,
  };

  handleSubmit = () => {
    const { hideModal, onSubmit } = this.props;

    hideModal();

    if (onSubmit && typeof onSubmit === 'function') {
      onSubmit();
    }
  };

  render() {
    const { t } = this.context;

    return (
      <Modal onSubmit={this.handleSubmit} submitText={t('ok')}>
        <div className="transaction-confirmed__content">
          <img src="images/check-icon.svg" alt="" />
          <div className="transaction-confirmed__title">
            {`${t('confirmed')}!`}
          </div>
          <div className="transaction-confirmed__description">
            {t('initialTransactionConfirmed')}
          </div>
        </div>
      </Modal>
    );
  }
}