m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Move buy view into its own component - BuyOptions

Browse Source
This commit is contained in:
sdtsui 2017-08-08 18:34:04 -07:00
parent eab5718a40
commit dc702705bf
2 changed files with 72 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
ui/app/app.js
View File

@ -37,6 +37,7 @@ const RevealSeedConfirmation = require('./keychains/hd/recover-seed/confirmation
const ReactCSSTransitionGroup = require('react-addons-css-transition-group')
const AccountDropdowns = require('./components/account-dropdowns').AccountDropdowns
const Modal = require('./components/modal')
const BuyOptions = require('./components/buy-options')
module.exports = connect(mapStateToProps, mapDispatchToProps)(App)
@ -134,42 +135,7 @@ App.prototype.renderGlobalModal = function() {
return h(Modal, {
ref: "modalRef",
}, [
h('div.modal-content.transfers-subview', {
}, [
h('div.modal-content-title-wrapper.flex-column.flex-center', {
style: {},
}, [
h('div.modal-content-title', {
style: {},
}, 'Transfers'),
h('div', {}, 'How would you like to buy Ether?'),
]),
h('div.modal-content-options.flex-column.flex-center', {}, [
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Coinbase'),
h('div.modal-content-option-subtitle', {}, 'Buy with Fiat'),
]),
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Shapeshift'),
h('div.modal-content-option-subtitle', {}, 'Trade any digital asset for any other'),
]),
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Direct Deposit'),
h('div.modal-content-option-subtitle', {}, 'Deposit from another account'),
]),
]),
h('div.modal-content-footer', {
style: {},
}, 'Cancel'),
])
h(BuyOptions, {}, []),
])
}

70
ui/app/components/buy-options.js Normal file
View File

@ -0,0 +1,70 @@
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const connect = require('react-redux').connect
const actions = require('../actions')
function mapStateToProps (state) {
return {
network: state.metamask.network,
}
}
function mapDispatchToProps (dispatch) {
return {
toCoinbase: () => {
dispatch(actions.buyEth({ network: '1', address, amount: 0 }))
},
}
}
inherits(BuyOptions, Component)
function BuyOptions () {
Component.call(this)
}
module.exports = connect(mapStateToProps, mapDispatchToProps)(BuyOptions)
BuyOptions.prototype.render = function () {
return h('div', {}, [
h('div.modal-content.transfers-subview', {
}, [
h('div.modal-content-title-wrapper.flex-column.flex-center', {
style: {},
}, [
h('div.modal-content-title', {
style: {},
}, 'Transfers'),
h('div', {}, 'How would you like to buy Ether?'),
]),
h('div.modal-content-options.flex-column.flex-center', {}, [
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Coinbase'),
h('div.modal-content-option-subtitle', {
onClick: () => {
this.props.toCoinbase()
},
}, 'Buy with Fiat'),
]),
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Shapeshift'),
h('div.modal-content-option-subtitle', {}, 'Trade any digital asset for any other'),
]),
h('div.modal-content-option', {}, [
h('div.modal-content-option-title', {}, 'Direct Deposit'),
h('div.modal-content-option-subtitle', {}, 'Deposit from another account'),
]),
]),
h('div.modal-content-footer', {
style: {},
}, 'Cancel'),
])
])
}