diff options
author | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-05-30 01:23:06 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-05-30 01:23:06 +0800 |
commit | 41e38fe5530bce1fd7d19060774179a215087fac (patch) | |
tree | 834429dd2be6ccf7d7c345965e74f50a27bbcf1a /ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js | |
parent | e3c9629130901c2268350a58eb18f2ab9f6ab72e (diff) | |
download | tangerine-wallet-browser-41e38fe5530bce1fd7d19060774179a215087fac.tar.gz tangerine-wallet-browser-41e38fe5530bce1fd7d19060774179a215087fac.tar.zst tangerine-wallet-browser-41e38fe5530bce1fd7d19060774179a215087fac.zip |
Add notification for dropped retry transactions (#4363)
Diffstat (limited to 'ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js')
-rw-r--r-- | ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js b/ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js new file mode 100644 index 000000000..8d3b288ae --- /dev/null +++ b/ui/app/components/modals/transaction-confirmed/transaction-confirmed.component.js @@ -0,0 +1,46 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import Button from '../../button' + +class TransactionConfirmed extends Component { + render () { + const { t } = this.context + + return ( + <div className="page-container page-container--full-width page-container--full-height"> + <div className="page-container__content transaction-confirmed"> + <img src="images/check-icon.svg" /> + <div className="transaction-confirmed__title"> + { `${t('confirmed')}!` } + </div> + <div className="transaction-confirmed__description"> + { t('initialTransactionConfirmed') } + </div> + </div> + <div className="page-container__footer"> + <Button + type="primary" + className="page-container__footer-button" + onClick={() => { + this.props.hideModal() + this.props.onHide() + }} + > + { t('ok') } + </Button> + </div> + </div> + ) + } +} + +TransactionConfirmed.propTypes = { + hideModal: PropTypes.func.isRequired, + onHide: PropTypes.func.isRequired, +} + +TransactionConfirmed.contextTypes = { + t: PropTypes.func, +} + +export default TransactionConfirmed |