2019-12-03 21:50:55 +01:00
|
|
|
import React, { Component } from 'react'
|
2018-06-21 08:43:48 +02:00
|
|
|
import PropTypes from 'prop-types'
|
2019-04-17 21:15:13 +02:00
|
|
|
import UserPreferencedCurrencyDisplay from '../../../../../components/app/user-preferenced-currency-display'
|
|
|
|
import { PRIMARY, SECONDARY } from '../../../../../helpers/constants/common'
|
2018-06-21 08:43:48 +02:00
|
|
|
|
|
|
|
export default class GasFeeDisplay extends Component {
|
2018-06-21 09:03:19 +02:00
|
|
|
|
|
|
|
static propTypes = {
|
|
|
|
gasLoadingError: PropTypes.bool,
|
|
|
|
gasTotal: PropTypes.string,
|
2018-11-05 18:01:46 +01:00
|
|
|
onReset: PropTypes.func,
|
2020-01-07 21:10:44 +01:00
|
|
|
}
|
2018-06-21 09:03:19 +02:00
|
|
|
|
2018-07-02 04:09:28 +02:00
|
|
|
static contextTypes = {
|
|
|
|
t: PropTypes.func,
|
2020-01-07 21:10:44 +01:00
|
|
|
}
|
2018-07-02 04:09:28 +02:00
|
|
|
|
2018-07-03 00:49:33 +02:00
|
|
|
render () {
|
2018-11-05 18:01:46 +01:00
|
|
|
const { gasTotal, gasLoadingError, onReset } = this.props
|
2018-06-21 08:43:48 +02:00
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="send-v2__gas-fee-display">
|
|
|
|
{gasTotal
|
2018-10-17 01:03:29 +02:00
|
|
|
? (
|
|
|
|
<div className="currency-display">
|
|
|
|
<UserPreferencedCurrencyDisplay
|
|
|
|
value={gasTotal}
|
|
|
|
type={PRIMARY}
|
|
|
|
/>
|
|
|
|
<UserPreferencedCurrencyDisplay
|
|
|
|
className="currency-display__converted-value"
|
|
|
|
value={gasTotal}
|
|
|
|
type={SECONDARY}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
)
|
2018-06-21 08:43:48 +02:00
|
|
|
: gasLoadingError
|
2019-12-03 17:35:44 +01:00
|
|
|
? (
|
|
|
|
<div className="currency-display.currency-display--message">
|
|
|
|
{this.context.t('setGasPrice')}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
: (
|
|
|
|
<div className="currency-display">
|
|
|
|
{this.context.t('loading')}
|
|
|
|
</div>
|
|
|
|
)
|
2018-06-21 08:43:48 +02:00
|
|
|
}
|
|
|
|
<button
|
2018-09-13 14:35:17 +02:00
|
|
|
className="gas-fee-reset"
|
2018-11-05 18:01:46 +01:00
|
|
|
onClick={onReset}
|
2018-06-21 08:43:48 +02:00
|
|
|
>
|
2018-09-20 06:16:43 +02:00
|
|
|
{ this.context.t('reset') }
|
2018-06-21 08:43:48 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|