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

Add wrapper CSS for NewAccountModal

This commit is contained in:
sdtsui 2017-08-21 06:14:28 -07:00
parent 35508a2898
commit 86b71f014a
2 changed files with 42 additions and 43 deletions

View File

@ -22,59 +22,49 @@ function mapDispatchToProps (dispatch) {
}
}
inherits(BuyOptions, Component)
function BuyOptions () {
inherits(NewAccountModal, Component)
function NewAccountModal () {
Component.call(this)
}
module.exports = connect(mapStateToProps, mapDispatchToProps)(BuyOptions)
module.exports = connect(mapStateToProps, mapDispatchToProps)(NewAccountModal)
// BuyOptions is currently meant to be rendered inside <Modal />
// It is the only component in this codebase that does so
// It utilizes modal styles
BuyOptions.prototype.render = function () {
NewAccountModal.prototype.render = function () {
return h('div', {}, [
h('div.buy-modal-content.transfers-subview', {
h('div.new-account-modal-wrapper', {
}, [
h('div.buy-modal-content-title-wrapper.flex-column.flex-center', {
style: {},
}, [
h('div.buy-modal-content-title', {
style: {},
}, 'New Account Modal'),
h('div', {}, 'How would you like to buy Ether?'),
h('div', {}, [
'New Account',
]),
h('div.buy-modal-content-options.flex-column.flex-center', {}, [
h('div.buy-modal-content-option', {
onClick: () => {
const { toCoinbase, address } = this.props
toCoinbase(address)
},
}, [
h('div.buy-modal-content-option-title', {}, 'Coinbase'),
h('div.buy-modal-content-option-subtitle', {}, 'Buy with Fiat'),
h('div', {}, [
h('i.fa.fa-times', {}, [
]),
]),
h('div.buy-modal-content-option', {}, [
h('div.buy-modal-content-option-title', {}, 'Shapeshift'),
h('div.buy-modal-content-option-subtitle', {}, 'Trade any digital asset for any other'),
h('div', {}, [
'Account Name',
]),
h('div.buy-modal-content-option', {}, [
h('div.buy-modal-content-option-title', {}, 'Direct Deposit'),
h('div.buy-modal-content-option-subtitle', {}, 'Deposit from another account'),
h('div', {}, [
h('input', {
placeholder: 'E.g. My new account'
}, []),
]),
h('div', {}, [
'or',
]),
h('button', {
style: {
background: 'white',
},
onClick: () => { this.props.hideModal() },
}, h('div.buy-modal-content-footer#buy-modal-content-footer-text',{}, 'Cancel')),
h('div', {}, [
'Import an account',
]),
h('div', {}, [
h('button.btn-clear', {}, [
'SAVE',
]),
]),
])
])
}

View File

@ -166,10 +166,19 @@
}
// Account Details Modal
.account-details-modal-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
}
// New Account Modal
.new-account-modal-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
}