diff options
author | brunobar79 <brunobar79@gmail.com> | 2018-07-17 00:55:13 +0800 |
---|---|---|
committer | brunobar79 <brunobar79@gmail.com> | 2018-07-17 00:55:13 +0800 |
commit | d05814a5ad375f21a0b3d72de1815764eb1da5a4 (patch) | |
tree | 50315015995fac6ab84f00e479d61710859ddb42 /ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js | |
parent | 7f29b46d32b590ebc34c6f86360ef34e8bbb75fe (diff) | |
parent | db4469794e3e843f3cb08222d0a9b568c7816a85 (diff) | |
download | tangerine-wallet-browser-d05814a5ad375f21a0b3d72de1815764eb1da5a4.tar.gz tangerine-wallet-browser-d05814a5ad375f21a0b3d72de1815764eb1da5a4.tar.zst tangerine-wallet-browser-d05814a5ad375f21a0b3d72de1815764eb1da5a4.zip |
Merge branch 'develop' into initial-trezor-support
Diffstat (limited to 'ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js')
-rw-r--r-- | ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js b/ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js new file mode 100644 index 000000000..bb9a94428 --- /dev/null +++ b/ui/app/components/send/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js @@ -0,0 +1,61 @@ +import React, {Component} from 'react' +import PropTypes from 'prop-types' +import CurrencyDisplay from '../../../../send/currency-display' + + +export default class GasFeeDisplay extends Component { + + static propTypes = { + conversionRate: PropTypes.number, + primaryCurrency: PropTypes.string, + convertedCurrency: PropTypes.string, + gasLoadingError: PropTypes.bool, + gasTotal: PropTypes.string, + onClick: PropTypes.func, + }; + + static contextTypes = { + t: PropTypes.func, + }; + + render () { + const { + conversionRate, + gasTotal, + onClick, + primaryCurrency = 'ETH', + convertedCurrency, + gasLoadingError, + } = this.props + + return ( + <div className="send-v2__gas-fee-display"> + {gasTotal + ? <CurrencyDisplay + primaryCurrency={primaryCurrency} + convertedCurrency={convertedCurrency} + value={gasTotal} + conversionRate={conversionRate} + gasLoadingError={gasLoadingError} + convertedPrefix={'$'} + readOnly + /> + : gasLoadingError + ? <div className="currency-display.currency-display--message"> + {this.context.t('setGasPrice')} + </div> + : <div className="currency-display"> + {this.context.t('loading')} + </div> + } + <button + className="sliders-icon-container" + onClick={onClick} + disabled={!gasTotal && !gasLoadingError} + > + <i className="fa fa-sliders sliders-icon" /> + </button> + </div> + ) + } +} |