diff options
Diffstat (limited to 'ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js')
-rw-r--r-- | ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js b/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js index 4483b71df..264d038da 100644 --- a/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js +++ b/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/basic-tab-content.component.js @@ -1,5 +1,6 @@ import React, { Component } from 'react' import PropTypes from 'prop-types' +import Loading from '../../../loading-screen' import GasPriceButtonGroup from '../../gas-price-button-group' export default class BasicTabContent extends Component { @@ -12,15 +13,20 @@ export default class BasicTabContent extends Component { } render () { + const { gasPriceButtonGroupProps } = this.props + return ( <div className="basic-tab-content"> <div className="basic-tab-content__title">Estimated Processing Times</div> <div className="basic-tab-content__blurb">Select a higher gas fee to accelerate the processing of your transaction.*</div> - <GasPriceButtonGroup - className="gas-price-button-group--alt" - showCheck={true} - {...this.props.gasPriceButtonGroupProps} - /> + {!gasPriceButtonGroupProps.loading + ? <GasPriceButtonGroup + className="gas-price-button-group--alt" + showCheck={true} + {...gasPriceButtonGroupProps} + /> + : <Loading /> + } <div className="basic-tab-content__footer-blurb">* Accelerating a transaction by using a higher gas price increases its chances of getting processed by the network faster, but it is not always guaranteed.</div> </div> ) |