diff options
author | Dan <danjm.com@gmail.com> | 2017-09-20 08:56:10 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-22 07:45:18 +0800 |
commit | 24fd16b1bee31352ef7f364804eb5f06c08c3bf6 (patch) | |
tree | e7aef133a304d4af80b1a56360e72ed687571427 /ui/app/components/modals/account-modal-container.js | |
parent | 39afbea7aaf17cfee5d7fc11299cb82e657edd7e (diff) | |
download | tangerine-wallet-browser-24fd16b1bee31352ef7f364804eb5f06c08c3bf6.tar.gz tangerine-wallet-browser-24fd16b1bee31352ef7f364804eb5f06c08c3bf6.tar.zst tangerine-wallet-browser-24fd16b1bee31352ef7f364804eb5f06c08c3bf6.zip |
Abstract account modal.
Diffstat (limited to 'ui/app/components/modals/account-modal-container.js')
-rw-r--r-- | ui/app/components/modals/account-modal-container.js | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/ui/app/components/modals/account-modal-container.js b/ui/app/components/modals/account-modal-container.js new file mode 100644 index 000000000..69650ca15 --- /dev/null +++ b/ui/app/components/modals/account-modal-container.js @@ -0,0 +1,55 @@ +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') +const { getSelectedIdentity } = require('../../selectors') +const Identicon = require('../identicon') + +function mapStateToProps (state) { + return { + selectedIdentity: getSelectedIdentity(state), + } +} + +function mapDispatchToProps (dispatch) { + return { + hideModal: () => { + dispatch(actions.hideModal()) + }, + } +} + +inherits(AccountModalContainer, Component) +function AccountModalContainer () { + Component.call(this) +} + +module.exports = connect(mapStateToProps, mapDispatchToProps)(AccountModalContainer) + +AccountModalContainer.prototype.render = function () { + const { selectedIdentity, children } = this.props + console.log(`children`, children); + return h('div', { style: { borderRadius: '4px' }}, [ + h('div.account-modal-container', [ + + h('div', [ + + // Needs a border; requires changes to svg + h(Identicon, { + address: selectedIdentity.address, + diameter: 64, + style: {}, + }), + + ]), + + h('div.account-modal-close', { + onClick: this.props.hideModal, + }), + + ...children, + + ]), + ]) +} |