diff options
author | Akihiro <an0326ja@gmail.com> | 2018-07-21 09:47:14 +0800 |
---|---|---|
committer | Akihiro <an0326ja@gmail.com> | 2018-07-21 09:47:14 +0800 |
commit | 8c77e998e0491dfb48c91d2938644c9f855a2532 (patch) | |
tree | f3e54e635c92d54111ac2ddfc3e780ccdcdaf968 /ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js | |
parent | 9dd637569d5c820d07ff15a8039f5ce5590f41dd (diff) | |
parent | e094d4ad1fb84a9bc663c328d0650bd9d8bf8716 (diff) | |
download | tangerine-wallet-browser-8c77e998e0491dfb48c91d2938644c9f855a2532.tar.gz tangerine-wallet-browser-8c77e998e0491dfb48c91d2938644c9f855a2532.tar.zst tangerine-wallet-browser-8c77e998e0491dfb48c91d2938644c9f855a2532.zip |
Merge remote-tracking branch 'upstream/develop' into develop
Diffstat (limited to 'ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js')
-rw-r--r-- | ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js b/ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js new file mode 100644 index 000000000..91b58cfd0 --- /dev/null +++ b/ui/app/components/send/send-content/send-gas-row/send-gas-row.component.js @@ -0,0 +1,48 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import SendRowWrapper from '../send-row-wrapper/' +import GasFeeDisplay from './gas-fee-display/gas-fee-display.component' + +export default class SendGasRow extends Component { + + static propTypes = { + conversionRate: PropTypes.number, + convertedCurrency: PropTypes.string, + gasFeeError: PropTypes.bool, + gasLoadingError: PropTypes.bool, + gasTotal: PropTypes.string, + showCustomizeGasModal: PropTypes.func, + }; + + static contextTypes = { + t: PropTypes.func, + }; + + render () { + const { + conversionRate, + convertedCurrency, + gasLoadingError, + gasTotal, + gasFeeError, + showCustomizeGasModal, + } = this.props + + return ( + <SendRowWrapper + label={`${this.context.t('gasFee')}:`} + showError={gasFeeError} + errorType={'gasFee'} + > + <GasFeeDisplay + conversionRate={conversionRate} + convertedCurrency={convertedCurrency} + gasLoadingError={gasLoadingError} + gasTotal={gasTotal} + onClick={() => showCustomizeGasModal()} + /> + </SendRowWrapper> + ) + } + +} |