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

Convert FiatValue component to JSX (#7515)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-23 12:51:37 -03:30 committed by GitHub
parent f5824ffad7
commit 9f7438e756
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
ui/app/components/ui/fiat-value.js
View File

@ -1,5 +1,4 @@
const Component = require('react').Component import React, { Component } from 'react'
const h = require('react-hyperscript')
const inherits = require('util').inherits const inherits = require('util').inherits
const formatBalance = require('../../helpers/utils/util').formatBalance const formatBalance = require('../../helpers/utils/util').formatBalance
@ -38,31 +37,38 @@ function fiatDisplay (fiatDisplayNumber, fiatSuffix, styleOveride = {}) {
const { fontSize, color, fontFamily, lineHeight } = styleOveride const { fontSize, color, fontFamily, lineHeight } = styleOveride
if (fiatDisplayNumber !== 'N/A') { if (fiatDisplayNumber !== 'N/A') {
return h('.flex-row', { return (
style: { <div
alignItems: 'flex-end', className="flex-row"
lineHeight: lineHeight || '13px', style={{
fontFamily: fontFamily || 'Montserrat Light', alignItems: 'flex-end',
textRendering: 'geometricPrecision', lineHeight: lineHeight || '13px',
}, fontFamily: fontFamily || 'Montserrat Light',
}, [ textRendering: 'geometricPrecision',
h('div', { }}
style: { >
width: '100%', <div
textAlign: 'right', style={{
fontSize: fontSize || '12px', width: '100%',
color: color || '#333333', textAlign: 'right',
}, fontSize: fontSize || '12px',
}, fiatDisplayNumber), color: color || '#333333',
h('div', { }}
style: { >
color: color || '#AEAEAE', {fiatDisplayNumber}
marginLeft: '5px', </div>
fontSize: fontSize || '12px', <div
}, style={{
}, fiatSuffix), color: color || '#AEAEAE',
]) marginLeft: '5px',
fontSize: fontSize || '12px',
}}
>
{fiatSuffix}
</div>
</div>
)
} else { } else {
return h('div') return <div />
} }
} }