diff options
author | PhyrexTsai <x01ep23i@hotmail.com> | 2018-07-04 09:06:10 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-07-04 09:06:10 +0800 |
commit | f38dc03b27a457733315cbb16d59d0ea339505da (patch) | |
tree | 77cfdf13c0e83c8e6d87099bfedddc3d58667de1 /ui/app/components/send_/send-content/send-gas-row/gas-fee-display/gas-fee-display.component.js | |
parent | 11736e6318182ab5b43430410a46059e5f46ad52 (diff) | |
parent | 13b03ec090df70512d43e0d6acbe6bf60040a892 (diff) | |
download | tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.tar.gz tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.tar.zst tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.zip |
Merge pull request #4 from brunobar79/portal-metamask-lint-fix
Lint fix for Integration ENS with IPFS
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..c8d619be5 --- /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, + }; + + 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> + ) + } +} + +GasFeeDisplay.contextTypes = { + t: PropTypes.func, +} |