aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/wallet-view.js
diff options
context:
space:
mode:
authorSimon Liang <simon@divby0.io>2017-08-10 11:34:26 +0800
committerSimon Liang <simon@divby0.io>2017-08-10 14:47:17 +0800
commita3f96951c2d6f2c8607e4fa270b5484e838b2e42 (patch)
tree762546236db62002cf3ecb768c015dcb31ba5fb2 /ui/app/components/wallet-view.js
parent53c91591b34eea68e0f8b834e33c451ca48d3a7c (diff)
downloadtangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar.gz
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar.bz2
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar.lz
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar.xz
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.tar.zst
tangerine-wallet-browser-a3f96951c2d6f2c8607e4fa270b5484e838b2e42.zip
connected wallet view dropdown button with real data
Diffstat (limited to 'ui/app/components/wallet-view.js')
-rw-r--r--ui/app/components/wallet-view.js34
1 files changed, 17 insertions, 17 deletions
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js
index 56aac1f13..7d4b8cd51 100644
--- a/ui/app/components/wallet-view.js
+++ b/ui/app/components/wallet-view.js
@@ -11,7 +11,6 @@ const selectors = require('../selectors')
module.exports = connect(mapStateToProps, mapDispatchToProps)(WalletView)
function mapStateToProps (state) {
-
return {
network: state.metamask.network,
sidebarOpen: state.appState.sidebarOpen,
@@ -25,8 +24,8 @@ function mapStateToProps (state) {
function mapDispatchToProps (dispatch) {
return {
- showSendPage: () => {dispatch(actions.showSendPage())},
- hideSidebar: () => {dispatch(actions.hideSidebar())},
+ showSendPage: () => { dispatch(actions.showSendPage()) },
+ hideSidebar: () => { dispatch(actions.hideSidebar()) },
}
}
@@ -38,7 +37,7 @@ function WalletView () {
const noop = () => {}
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 || ''), {
style: {},
@@ -46,7 +45,7 @@ WalletView.prototype.render = function () {
// TODO: Separate component: wallet account details
h('div.flex-column', {
- style: {}
+ style: {},
}, [
h('div.flex-row.account-options-menu', {
@@ -92,9 +91,9 @@ WalletView.prototype.render = function () {
]),
h('span.account-name', {
- style: {}
+ style: {},
}, [
- 'Account 1'
+ selectedIdentity.name,
]),
h(AccountDropdowns, {
@@ -103,30 +102,31 @@ WalletView.prototype.render = function () {
left: 'calc(50% + 28px + 5.5px)',
top: '19.5%',
},
- selected: selectedAddress,
+ selectedAddress,
network,
identities,
enableAccountsSelector: true,
}, []),
]),
+
]),
h(Content, {
- title: 'Wallet',
- amount: '1001.124 ETH',
- fiatValue: '$300,000.00 USD',
- active: true,
+ title: 'Wallet',
+ amount: '1001.124 ETH',
+ fiatValue: '$300,000.00 USD',
+ active: true,
}),
// Wallet contents
h(Content, {
- title: "Total Token Balance",
- amount: "45.439 ETH",
- fiatValue: "$13,000.00 USD",
+ title: 'Total Token Balance',
+ amount: '45.439 ETH',
+ fiatValue: '$13,000.00 USD',
active: false,
style: {
marginTop: '1.3em',
- }
- })
+ },
+ }),
])
}