You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import SendRowWrapper from '../send-row-wrapper/'
|
|
import GasFeeDisplay from './gas-fee-display/gas-fee-display.component'
|
|
|
|
export default class SendGasRow extends Component {
|
|
|
|
static propTypes = {
|
|
conversionRate: PropTypes.number,
|
|
convertedCurrency: PropTypes.string,
|
|
gasFeeError: PropTypes.bool,
|
|
gasLoadingError: PropTypes.bool,
|
|
gasTotal: PropTypes.string,
|
|
showCustomizeGasModal: PropTypes.func,
|
|
};
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
render () {
|
|
const {
|
|
conversionRate,
|
|
convertedCurrency,
|
|
gasLoadingError,
|
|
gasTotal,
|
|
gasFeeError,
|
|
showCustomizeGasModal,
|
|
} = this.props
|
|
|
|
return (
|
|
<SendRowWrapper
|
|
label={`${this.context.t('gasFee')}:`}
|
|
showError={gasFeeError}
|
|
errorType={'gasFee'}
|
|
>
|
|
<GasFeeDisplay
|
|
conversionRate={conversionRate}
|
|
convertedCurrency={convertedCurrency}
|
|
gasLoadingError={gasLoadingError}
|
|
gasTotal={gasTotal}
|
|
onClick={() => showCustomizeGasModal()}
|
|
/>
|
|
</SendRowWrapper>
|
|
)
|
|
}
|
|
|
|
}
|
|
|