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

connected wallet view dropdown button with real data

Browse Source
This commit is contained in:
Simon Liang 2017-08-10 11:34:26 +08:00
parent 53c91591b3
commit a3f96951c2
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ui/app/components/wallet-view.js
View File

@ -11,7 +11,6 @@ const selectors = require('../selectors')
module.exports = connect(mapStateToProps, mapDispatchToProps)(WalletView) module.exports = connect(mapStateToProps, mapDispatchToProps)(WalletView)
function mapStateToProps (state) { function mapStateToProps (state) {
return { return {
network: state.metamask.network, network: state.metamask.network,
sidebarOpen: state.appState.sidebarOpen, sidebarOpen: state.appState.sidebarOpen,
@ -25,8 +24,8 @@ function mapStateToProps (state) {
function mapDispatchToProps (dispatch) { function mapDispatchToProps (dispatch) {
return { return {
showSendPage: () => {dispatch(actions.showSendPage())}, showSendPage: () => { dispatch(actions.showSendPage()) },
hideSidebar: () => {dispatch(actions.hideSidebar())}, hideSidebar: () => { dispatch(actions.hideSidebar()) },
} }
} }
@ -38,7 +37,7 @@ function WalletView () {
const noop = () => {} const noop = () => {}
WalletView.prototype.render = function () { WalletView.prototype.render = function () {
const { network, responsiveDisplayClassname, style, identities, selectedAddress } = this.props const { network, responsiveDisplayClassname, style, identities, selectedAddress, selectedIdentity } = this.props
return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), { return h('div.wallet-view.flex-column' + (responsiveDisplayClassname || ''), {
style: {}, style: {},
@ -46,7 +45,7 @@ WalletView.prototype.render = function () {
// TODO: Separate component: wallet account details // TODO: Separate component: wallet account details
h('div.flex-column', { h('div.flex-column', {
style: {} style: {},
}, [ }, [
h('div.flex-row.account-options-menu', { h('div.flex-row.account-options-menu', {
@ -92,9 +91,9 @@ WalletView.prototype.render = function () {
]), ]),
h('span.account-name', { h('span.account-name', {
style: {} style: {},
}, [ }, [
'Account 1' selectedIdentity.name,
]), ]),
h(AccountDropdowns, { h(AccountDropdowns, {
@ -103,12 +102,13 @@ WalletView.prototype.render = function () {
left: 'calc(50% + 28px + 5.5px)', left: 'calc(50% + 28px + 5.5px)',
top: '19.5%', top: '19.5%',
}, },
selected: selectedAddress, selectedAddress,
network, network,
identities, identities,
enableAccountsSelector: true, enableAccountsSelector: true,
}, []), }, []),
]), ]),
]), ]),
h(Content, { h(Content, {
@ -120,13 +120,13 @@ WalletView.prototype.render = function () {
// Wallet contents // Wallet contents
h(Content, { h(Content, {
title: "Total Token Balance", title: 'Total Token Balance',
amount: "45.439 ETH", amount: '45.439 ETH',
fiatValue: "$13,000.00 USD", fiatValue: '$13,000.00 USD',
active: false, active: false,
style: { style: {
marginTop: '1.3em', marginTop: '1.3em',
} },
}) }),
]) ])
} }