parent
1ff4894b67
commit
9ed6381c5d
@ -1,79 +0,0 @@ |
||||
const inherits = require('util').inherits |
||||
const Component = require('react').Component |
||||
const h = require('react-hyperscript') |
||||
const connect = require('react-redux').connect |
||||
const actions = require('../actions') |
||||
|
||||
// Components
|
||||
const TabBar = require('../components/tab-bar') |
||||
|
||||
// Subviews
|
||||
const NewAccountView = require('./new') |
||||
const ImportAccountView = require('./import') |
||||
|
||||
module.exports = connect(mapStateToProps)(AddAccountScreen) |
||||
|
||||
function mapStateToProps (state) { |
||||
return {} |
||||
} |
||||
|
||||
inherits(AddAccountScreen, Component) |
||||
function AddAccountScreen () { |
||||
Component.call(this) |
||||
} |
||||
|
||||
AddAccountScreen.prototype.render = function () { |
||||
|
||||
return ( |
||||
h('.flex-column', { |
||||
style: { |
||||
}, |
||||
}, [ |
||||
|
||||
// title and nav
|
||||
h('.flex-row.space-between', { |
||||
style: { |
||||
alignItems: 'center', |
||||
padding: '0px 20px', |
||||
}, |
||||
}, [ |
||||
h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { |
||||
onClick: this.goHome.bind(this), |
||||
}), |
||||
h('h2.page-subtitle', 'Add Account'), |
||||
h('i', { style: { width: '18px' } }), |
||||
]), |
||||
|
||||
h(TabBar, { |
||||
tabs: [ |
||||
{ content: 'Create New', key: 'new' }, |
||||
{ content: 'Import', key: 'import' }, |
||||
], |
||||
defaultTab: 'new', |
||||
tabSelected: (key) => { |
||||
this.setState({ subview: key }) |
||||
}, |
||||
}), |
||||
|
||||
this.renderNewOrImport(), |
||||
|
||||
]) |
||||
) |
||||
} |
||||
|
||||
AddAccountScreen.prototype.goHome = function() { |
||||
this.props.dispatch(actions.showAccountsPage()) |
||||
} |
||||
|
||||
AddAccountScreen.prototype.renderNewOrImport = function() { |
||||
const state = this.state || {} |
||||
const subview = state.subview || 'new' |
||||
|
||||
switch (subview) { |
||||
case 'new': |
||||
return h(NewAccountView) |
||||
|
||||
case 'import': |
||||
return h(ImportAccountView) |
||||
} |
||||
} |
@ -1,30 +0,0 @@ |
||||
const inherits = require('util').inherits |
||||
const Component = require('react').Component |
||||
const h = require('react-hyperscript') |
||||
const connect = require('react-redux').connect |
||||
|
||||
module.exports = connect(mapStateToProps)(COMPONENTNAME) |
||||
|
||||
function mapStateToProps (state) { |
||||
return {} |
||||
} |
||||
|
||||
inherits(COMPONENTNAME, Component) |
||||
function COMPONENTNAME () { |
||||
Component.call(this) |
||||
} |
||||
|
||||
COMPONENTNAME.prototype.render = function () { |
||||
const props = this.props |
||||
|
||||
return ( |
||||
h('div', { |
||||
style: { |
||||
background: 'red', |
||||
}, |
||||
}, [ |
||||
`Hello, ${props.sender}`, |
||||
]) |
||||
) |
||||
} |
||||
|
Loading…
Reference in new issue