mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Convert FiatValue component to JSX (#7515)
This commit is contained in:
parent
f5824ffad7
commit
9f7438e756
@ -1,5 +1,4 @@
|
||||
const Component = require('react').Component
|
||||
const h = require('react-hyperscript')
|
||||
import React, { Component } from 'react'
|
||||
const inherits = require('util').inherits
|
||||
const formatBalance = require('../../helpers/utils/util').formatBalance
|
||||
|
||||
@ -38,31 +37,38 @@ function fiatDisplay (fiatDisplayNumber, fiatSuffix, styleOveride = {}) {
|
||||
const { fontSize, color, fontFamily, lineHeight } = styleOveride
|
||||
|
||||
if (fiatDisplayNumber !== 'N/A') {
|
||||
return h('.flex-row', {
|
||||
style: {
|
||||
return (
|
||||
<div
|
||||
className="flex-row"
|
||||
style={{
|
||||
alignItems: 'flex-end',
|
||||
lineHeight: lineHeight || '13px',
|
||||
fontFamily: fontFamily || 'Montserrat Light',
|
||||
textRendering: 'geometricPrecision',
|
||||
},
|
||||
}, [
|
||||
h('div', {
|
||||
style: {
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
width: '100%',
|
||||
textAlign: 'right',
|
||||
fontSize: fontSize || '12px',
|
||||
color: color || '#333333',
|
||||
},
|
||||
}, fiatDisplayNumber),
|
||||
h('div', {
|
||||
style: {
|
||||
}}
|
||||
>
|
||||
{fiatDisplayNumber}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
color: color || '#AEAEAE',
|
||||
marginLeft: '5px',
|
||||
fontSize: fontSize || '12px',
|
||||
},
|
||||
}, fiatSuffix),
|
||||
])
|
||||
}}
|
||||
>
|
||||
{fiatSuffix}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
} else {
|
||||
return h('div')
|
||||
return <div />
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user