diff options
author | Dan <danjm.com@gmail.com> | 2017-08-29 22:09:07 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-08-31 07:46:24 +0800 |
commit | 5a7e4c4e76fd92b9f797fd2088b00ce6dc4fd47a (patch) | |
tree | 910fb1457e16523778eb3b83d954820ab3383948 /ui/app/components | |
parent | 1485ec7392a03a9b3a63262e0ecf0d90f0713251 (diff) | |
download | tangerine-wallet-browser-5a7e4c4e76fd92b9f797fd2088b00ce6dc4fd47a.tar.gz tangerine-wallet-browser-5a7e4c4e76fd92b9f797fd2088b00ce6dc4fd47a.tar.zst tangerine-wallet-browser-5a7e4c4e76fd92b9f797fd2088b00ce6dc4fd47a.zip |
Move gas fee to a separate component.
Diffstat (limited to 'ui/app/components')
-rw-r--r-- | ui/app/components/send/gas-fee-display.js | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/ui/app/components/send/gas-fee-display.js b/ui/app/components/send/gas-fee-display.js new file mode 100644 index 000000000..3add95394 --- /dev/null +++ b/ui/app/components/send/gas-fee-display.js @@ -0,0 +1,53 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const EthBalance = require('../eth-balance') +const FiatValue = require('../fiat-value') +const { getTxFeeBn } = require('../../util') + +module.exports = GasFeeDisplay + +inherits(GasFeeDisplay, Component) +function GasFeeDisplay () { + Component.call(this) +} + +GasFeeDisplay.prototype.render = function () { + const { + currentCurrency, + conversionRate, + gas, + gasPrice, + blockGasLimit, + } = this.props + + const renderableCurrencies = { + USD: h(FiatValue, { + value: getTxFeeBn(gas, gasPrice, blockGasLimit), + conversionRate, + currentCurrency, + style: { + color: '#5d5d5d', + fontSize: '16px', + fontFamily: 'DIN OT', + lineHeight: '22.4px' + } + }), + ETH: h(EthBalance, { + value: getTxFeeBn(gas, gasPrice, blockGasLimit), + currentCurrency, + conversionRate, + showFiat: false, + hideTooltip: true, + styleOveride: { + color: '#5d5d5d', + fontSize: '16px', + fontFamily: 'DIN OT', + lineHeight: '22.4px' + } + }), + } + + return renderableCurrencies[currentCurrency]; +} + |