const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits const CurrencyDisplay = require('./currency-display') const t = require('../../../i18n-helper').getMessage module.exports = GasFeeDisplay inherits(GasFeeDisplay, Component) function GasFeeDisplay () { Component.call(this) } GasFeeDisplay.prototype.render = function () { const { conversionRate, gasTotal, onClick, primaryCurrency = 'ETH', convertedCurrency, gasLoadingError, } = this.props return h('div.send-v2__gas-fee-display', [ gasTotal ? h(CurrencyDisplay, { primaryCurrency, convertedCurrency, value: gasTotal, conversionRate, convertedPrefix: '$', readOnly: true, }) : gasLoadingError ? h('div.currency-display.currency-display--message', t(this.props.localeMessages, 'setGasPrice')) : h('div.currency-display', t(this.props.localeMessages, 'loading')), h('button.sliders-icon-container', { onClick, disabled: !gasTotal && !gasLoadingError, }, [ h('i.fa.fa-sliders.sliders-icon'), ]), ]) }