m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 17:33:23 +01:00
Code

Merge branch 'master' of github.com:MetaMask/metamask-plugin into ConfirmationStyle

Browse Source
This commit is contained in:
kumavis 2016-07-07 13:41:32 -07:00
commit 0bb8b8cacc
2 changed files with 48 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
ui/app/components/eth-balance.js
View File

@ -2,7 +2,8 @@ const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const formatBalance = require('../util').formatBalance
const generateBalanceObject = require('../util').generateBalanceObject
const Tooltip = require('./tooltip.js')
module.exports = EthBalanceComponent
inherits(EthBalanceComponent, Component)
@ -32,34 +33,48 @@ EthBalanceComponent.prototype.render = function () {
}
EthBalanceComponent.prototype.renderBalance = function (value) {
const props = this.props
if (value === 'None') return value
var balance = value.split(' ')[0]
var label = value.split(' ')[1]
var balanceObj = generateBalanceObject(value)
var balance = balanceObj.balance
var label = balanceObj.label
var tagName = props.inline ? 'span' : 'div'
var topTag = props.inline ? 'div' : '.flex-column'
return (
h(topTag, {
style: {
alignItems: 'flex-end',
lineHeight: props.fontSize || '13px',
fontFamily: 'Montserrat Regular',
textRendering: 'geometricPrecision',
},
h(Tooltip, {
position: 'bottom',
title: value.split(' ')[0],
}, [
h(tagName, {
h(topTag, {
style: {
fontSize: props.fontSize || '12px',
alignItems: 'flex-end',
lineHeight: props.fontSize || '13px',
fontFamily: 'Montserrat Regular',
textRendering: 'geometricPrecision',
},
}, balance + ' '),
h(tagName, {
style: {
color: props.labelColor || '#AEAEAE',
fontSize: props.fontSize || '12px',
},
}, label),
}, [
h(tagName, {
style: {
fontSize: props.fontSize || '12px',
},
}, balance + ' '),
h(tagName, {
style: {
color: props.labelColor || '#AEAEAE',
fontSize: props.fontSize || '12px',
},
}, [
h('div', balance),
h('div', {
style: {
color: '#AEAEAE',
fontSize: '12px',
},
}, label),
]),
])
])
)
}

12
ui/app/util.js
View File

@ -27,6 +27,7 @@ module.exports = {
numericBalance: numericBalance,
parseBalance: parseBalance,
formatBalance: formatBalance,
generateBalanceObject: generateBalanceObject,
dataSize: dataSize,
readableDate: readableDate,
ethToWei: ethToWei,
@ -128,6 +129,17 @@ function formatBalance (balance, decimalsToKeep) {
return formatted
}
function generateBalanceObject (formattedBalance) {
var balance = formattedBalance.split(' ')[0]
var label = formattedBalance.split(' ')[1]
var beforeDecimal = balance.split('.')[0]
var afterDecimal = balance.split('.')[1]
if (beforeDecimal === '0' && afterDecimal.substr(0, 5) === '00000') { balance = '< 0.00001' }
return { balance, label }
}
function dataSize (data) {
var size = data ? ethUtil.stripHexPrefix(data).length : 0
return size + ' bytes'