2017-08-30 20:37:46 +02:00
|
|
|
const Component = require('react').Component
|
|
|
|
const h = require('react-hyperscript')
|
|
|
|
const inherits = require('util').inherits
|
|
|
|
const FiatValue = require('../fiat-value')
|
|
|
|
const { getTxFeeBn } = require('../../util')
|
|
|
|
|
|
|
|
module.exports = USDFeeDisplay
|
|
|
|
|
|
|
|
inherits(USDFeeDisplay, Component)
|
|
|
|
function USDFeeDisplay () {
|
|
|
|
Component.call(this)
|
|
|
|
}
|
|
|
|
|
|
|
|
USDFeeDisplay.prototype.render = function () {
|
|
|
|
const {
|
2017-09-13 19:57:15 +02:00
|
|
|
activeCurrency,
|
2017-08-30 20:37:46 +02:00
|
|
|
conversionRate,
|
|
|
|
gas,
|
|
|
|
gasPrice,
|
|
|
|
blockGasLimit,
|
|
|
|
} = this.props
|
|
|
|
|
|
|
|
return h(FiatValue, {
|
|
|
|
value: getTxFeeBn(gas, gasPrice, blockGasLimit),
|
|
|
|
conversionRate,
|
2017-09-13 19:57:15 +02:00
|
|
|
currentCurrency: activeCurrency,
|
2017-08-30 20:37:46 +02:00
|
|
|
style: {
|
|
|
|
color: '#5d5d5d',
|
|
|
|
fontSize: '16px',
|
|
|
|
fontFamily: 'DIN OT',
|
2017-11-02 13:15:59 +01:00
|
|
|
lineHeight: '22.4px',
|
|
|
|
},
|
2017-08-30 20:37:46 +02:00
|
|
|
})
|
|
|
|
}
|
|
|
|
|