70 lines
1.5 KiB
JavaScript
70 lines
1.5 KiB
JavaScript
const Component = require('react').Component
|
|
const PropTypes = require('prop-types')
|
|
const h = require('react-hyperscript')
|
|
const inherits = require('util').inherits
|
|
const connect = require('react-redux').connect
|
|
const actions = require('../actions')
|
|
|
|
CoinbaseForm.contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
module.exports = connect(mapStateToProps)(CoinbaseForm)
|
|
|
|
|
|
function mapStateToProps (state) {
|
|
return {
|
|
warning: state.appState.warning,
|
|
}
|
|
}
|
|
|
|
inherits(CoinbaseForm, Component)
|
|
|
|
function CoinbaseForm () {
|
|
Component.call(this)
|
|
}
|
|
|
|
CoinbaseForm.prototype.render = function () {
|
|
var props = this.props
|
|
|
|
return h('.flex-column', {
|
|
style: {
|
|
marginTop: '35px',
|
|
padding: '25px',
|
|
width: '100%',
|
|
},
|
|
}, [
|
|
h('.flex-row', {
|
|
style: {
|
|
justifyContent: 'space-around',
|
|
margin: '33px',
|
|
marginTop: '0px',
|
|
},
|
|
}, [
|
|
h('button.btn-green', {
|
|
onClick: this.toCoinbase.bind(this),
|
|
}, this.context.t('continueToCoinbase')),
|
|
|
|
h('button.btn-red', {
|
|
onClick: () => props.dispatch(actions.goHome()),
|
|
}, this.context.t('cancel')),
|
|
]),
|
|
])
|
|
}
|
|
|
|
CoinbaseForm.prototype.toCoinbase = function () {
|
|
const props = this.props
|
|
const address = props.buyView.buyAddress
|
|
props.dispatch(actions.buyEth({ network: '1', address, amount: 0 }))
|
|
}
|
|
|
|
CoinbaseForm.prototype.renderLoading = function () {
|
|
return h('img', {
|
|
style: {
|
|
width: '27px',
|
|
marginRight: '-27px',
|
|
},
|
|
src: 'images/loading.svg',
|
|
})
|
|
}
|