2017-08-09 03:34:04 +02:00
|
|
|
const Component = require('react').Component
|
|
|
|
const h = require('react-hyperscript')
|
|
|
|
const inherits = require('util').inherits
|
|
|
|
const connect = require('react-redux').connect
|
2017-08-21 04:10:49 +02:00
|
|
|
const actions = require('../../actions')
|
2017-08-21 18:50:22 +02:00
|
|
|
const { getSelectedIdentity, getSelectedAddress } = require('../../selectors')
|
|
|
|
|
|
|
|
const QrView = require('../qr-code')
|
2017-08-09 03:34:04 +02:00
|
|
|
|
|
|
|
function mapStateToProps (state) {
|
|
|
|
return {
|
2017-08-09 03:37:20 +02:00
|
|
|
address: state.metamask.selectedAddress,
|
2017-08-21 19:06:29 +02:00
|
|
|
// selectedAddress: getSelectedAddress(state),
|
2017-08-21 18:50:22 +02:00
|
|
|
selectedIdentity: getSelectedIdentity(state),
|
2017-08-09 03:34:04 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function mapDispatchToProps (dispatch) {
|
|
|
|
return {
|
2017-08-10 01:27:55 +02:00
|
|
|
hideModal: () => {
|
|
|
|
dispatch(actions.hideModal())
|
2017-08-21 18:50:22 +02:00
|
|
|
},
|
|
|
|
showQrView: (selected, identity) => dispatch(actions.showQrView(selected, identity)),
|
2017-08-09 03:34:04 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-08-21 04:10:49 +02:00
|
|
|
inherits(AccountDetailsModal, Component)
|
|
|
|
function AccountDetailsModal () {
|
2017-08-09 03:34:04 +02:00
|
|
|
Component.call(this)
|
|
|
|
}
|
|
|
|
|
2017-08-21 04:10:49 +02:00
|
|
|
module.exports = connect(mapStateToProps, mapDispatchToProps)(AccountDetailsModal)
|
2017-08-09 03:34:04 +02:00
|
|
|
|
2017-08-21 04:10:49 +02:00
|
|
|
// AccountDetailsModal is currently meant to be rendered inside <Modal />
|
2017-08-09 03:44:20 +02:00
|
|
|
// It is the only component in this codebase that does so
|
|
|
|
// It utilizes modal styles
|
2017-08-21 04:10:49 +02:00
|
|
|
AccountDetailsModal.prototype.render = function () {
|
2017-08-21 19:06:29 +02:00
|
|
|
const { selectedIdentity } = this.props
|
|
|
|
|
2017-08-09 03:34:04 +02:00
|
|
|
return h('div', {}, [
|
2017-08-21 14:58:30 +02:00
|
|
|
h('div.account-details-modal-wrapper', {
|
2017-08-09 03:34:04 +02:00
|
|
|
}, [
|
2017-08-21 14:58:30 +02:00
|
|
|
|
|
|
|
h('div', {}, [
|
|
|
|
'ICON',
|
2017-08-09 03:34:04 +02:00
|
|
|
]),
|
|
|
|
|
2017-08-21 14:58:30 +02:00
|
|
|
h('div', {}, [
|
|
|
|
'X',
|
|
|
|
]),
|
2017-08-09 03:34:04 +02:00
|
|
|
|
2017-08-21 14:58:30 +02:00
|
|
|
h('div', {}, [
|
|
|
|
]),
|
2017-08-09 03:34:04 +02:00
|
|
|
|
2017-08-21 19:27:56 +02:00
|
|
|
h(QrView, {
|
|
|
|
Qr: {
|
|
|
|
message: this.props.selectedIdentity.name,
|
|
|
|
data: this.props.selectedIdentity.address,
|
|
|
|
}
|
|
|
|
}, []),
|
2017-08-09 03:34:04 +02:00
|
|
|
|
2017-08-21 14:58:30 +02:00
|
|
|
h('div', {}, [
|
|
|
|
'Account Display',
|
|
|
|
]),
|
|
|
|
|
2017-08-21 19:27:56 +02:00
|
|
|
// divider
|
|
|
|
h('div', {
|
|
|
|
style: {
|
|
|
|
width: '100%',
|
|
|
|
height: '1px',
|
|
|
|
margin: '10px 0px',
|
|
|
|
backgroundColor: '#D8D8D8',
|
|
|
|
}
|
|
|
|
}, []),
|
2017-08-21 14:58:30 +02:00
|
|
|
|
|
|
|
h('div', {}, [
|
|
|
|
'View aCcount on etherscan',
|
|
|
|
]),
|
2017-08-09 03:34:04 +02:00
|
|
|
|
2017-08-21 14:58:30 +02:00
|
|
|
h('div', {}, [
|
|
|
|
'export private key',
|
2017-08-09 03:34:04 +02:00
|
|
|
]),
|
|
|
|
|
|
|
|
])
|
|
|
|
])
|
|
|
|
}
|