1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-27 21:00:13 +01:00
metamask-extension/ui/app/components/fiat-value.js

67 lines
1.7 KiB
JavaScript
Raw Normal View History

2016-09-03 23:20:27 +02:00
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const formatBalance = require('../util').formatBalance
module.exports = FiatValue
2016-09-03 23:20:27 +02:00
inherits(FiatValue, Component)
function FiatValue () {
Component.call(this)
}
FiatValue.prototype.render = function () {
const props = this.props
2017-08-28 19:14:01 +02:00
const { conversionRate, currentCurrency, style } = props
2017-09-26 19:09:50 +02:00
const renderedCurrency = currentCurrency || ''
2016-09-03 23:20:27 +02:00
const value = formatBalance(props.value, 6)
if (value === 'None') return value
var fiatDisplayNumber, fiatTooltipNumber
var splitBalance = value.split(' ')
if (conversionRate !== 0) {
fiatTooltipNumber = Number(splitBalance[0]) * conversionRate
2016-09-03 23:20:27 +02:00
fiatDisplayNumber = fiatTooltipNumber.toFixed(2)
} else {
fiatDisplayNumber = 'N/A'
2016-09-07 02:08:56 +02:00
fiatTooltipNumber = 'Unknown'
2016-09-03 23:20:27 +02:00
}
2017-09-28 07:32:07 +02:00
return fiatDisplay(fiatDisplayNumber, renderedCurrency.toUpperCase(), style)
2016-09-03 23:20:27 +02:00
}
2017-08-28 19:14:01 +02:00
function fiatDisplay (fiatDisplayNumber, fiatSuffix, styleOveride = {}) {
const { fontSize, color, fontFamily, lineHeight } = styleOveride
2016-09-03 23:20:27 +02:00
if (fiatDisplayNumber !== 'N/A') {
return h('.flex-row', {
style: {
alignItems: 'flex-end',
2017-08-28 19:14:01 +02:00
lineHeight: lineHeight || '13px',
fontFamily: fontFamily || 'Montserrat Light',
2016-09-03 23:20:27 +02:00
textRendering: 'geometricPrecision',
},
}, [
h('div', {
style: {
width: '100%',
textAlign: 'right',
2017-08-28 19:14:01 +02:00
fontSize: fontSize || '12px',
color: color || '#333333',
2016-09-03 23:20:27 +02:00
},
}, fiatDisplayNumber),
h('div', {
style: {
2017-08-28 19:14:01 +02:00
color: color || '#AEAEAE',
2016-09-03 23:20:27 +02:00
marginLeft: '5px',
2017-08-28 19:14:01 +02:00
fontSize: fontSize || '12px',
2016-09-03 23:20:27 +02:00
},
}, fiatSuffix),
])
} else {
return h('div')
}
}