1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00

Isolate wallet-content-display component

This commit is contained in:
sdtsui 2017-07-30 22:30:55 -07:00
parent 7d4927c975
commit 0c1aea97c7
2 changed files with 62 additions and 2 deletions

View File

@ -0,0 +1,54 @@
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
module.exports = WalletContentDisplay
inherits(WalletContentDisplay, Component)
function WalletContentDisplay () {
Component.call(this)
}
WalletContentDisplay.prototype.render = function () {
const { title, amount, fiatValue, active } = this.props
return h('div.flex-column', {
style: {
marginLeft: '35px',
marginTop: '15px',
alignItems: 'flex-start',
}
}, [
h('span', {
style: {
fontSize: '1.1em',
},
}, title),
h('span', {
style: {
fontSize: '1.8em',
margin: '10px 0px',
},
}, amount),
h('span', {
style: {
fontSize: '1.3em',
},
}, fiatValue),
active && h('div', {
style: {
position: 'absolute',
marginLeft: '-35px',
height: '6em',
width: '4px',
background: '#D8D8D8', // TODO: add to resuable colors
}
}, [
])
])
}

View File

@ -4,6 +4,7 @@ const h = require('react-hyperscript')
const inherits = require('util').inherits const inherits = require('util').inherits
const Identicon = require('./identicon') const Identicon = require('./identicon')
const AccountDropdowns = require('./account-dropdowns').AccountDropdowns const AccountDropdowns = require('./account-dropdowns').AccountDropdowns
const Content = require('./wallet-content-display')
module.exports = connect(mapStateToProps)(WalletView) module.exports = connect(mapStateToProps)(WalletView)
@ -74,7 +75,7 @@ WalletView.prototype.render = function () {
]), ]),
// TODO: Separate component: wallet contents // TODO: Separate component: wallet-content-account
h('div.flex-column', { h('div.flex-column', {
style: { style: {
marginLeft: '35px', marginLeft: '35px',
@ -160,8 +161,13 @@ WalletView.prototype.render = function () {
}, 'SEND'), }, 'SEND'),
]), ]),
// Wallet contents // Wallet contents
h(Content, {
title: "Total Token Balance",
amount: "45.439 ETH",
fiatValue: "$13,000.00 USD",
active: false,
})
]) ])
} }