diff options
author | Dan Finlay <dan@danfinlay.com> | 2016-09-16 11:51:41 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2016-09-16 11:58:18 +0800 |
commit | 4eef2c57cf9178cdf5b0a882d6fae0dcdcfae89a (patch) | |
tree | d2a4099ebc98976f61825667533f5d8f8951be53 /ui/app/components/buy-button-subview.js | |
parent | a5e45820cc7359491d1d7b06a5358d99b9c97305 (diff) | |
download | tangerine-wallet-browser-4eef2c57cf9178cdf5b0a882d6fae0dcdcfae89a.tar.gz tangerine-wallet-browser-4eef2c57cf9178cdf5b0a882d6fae0dcdcfae89a.tar.zst tangerine-wallet-browser-4eef2c57cf9178cdf5b0a882d6fae0dcdcfae89a.zip |
Show loading indication when selecting ShapeShift
Diffstat (limited to 'ui/app/components/buy-button-subview.js')
-rw-r--r-- | ui/app/components/buy-button-subview.js | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/ui/app/components/buy-button-subview.js b/ui/app/components/buy-button-subview.js index 7daf41206..b564733b1 100644 --- a/ui/app/components/buy-button-subview.js +++ b/ui/app/components/buy-button-subview.js @@ -6,6 +6,7 @@ const actions = require('../actions') const CoinbaseForm = require('./coinbase-form') const ShapeshiftForm = require('./shapeshift-form') const extension = require('../../../app/scripts/lib/extension') +const Loading = require('./loading') module.exports = connect(mapStateToProps)(BuyButtonSubview) @@ -17,6 +18,7 @@ function mapStateToProps (state) { network: state.metamask.network, provider: state.metamask.provider, context: state.appState.currentView.context, + isSubLoading: state.appState.isSubLoading, } } @@ -28,6 +30,7 @@ function BuyButtonSubview () { BuyButtonSubview.prototype.render = function () { const props = this.props const currentForm = props.buyView.formView + const isLoading = props.isSubLoading return ( h('.buy-eth-section', [ @@ -47,6 +50,9 @@ BuyButtonSubview.prototype.render = function () { }), h('h2.page-subtitle', 'Buy Eth'), ]), + + h(Loading, { isLoading }), + h('h3.flex-row.text-transform-uppercase', { style: { background: '#EBEBEB', |