diff options
author | Dan Finlay <somniac@me.com> | 2016-05-19 04:57:22 +0800 |
---|---|---|
committer | Dan Finlay <somniac@me.com> | 2016-05-19 04:57:22 +0800 |
commit | aae2adf5a67ed0d31277e3066607cbc26385791c (patch) | |
tree | 59c931ca7b791f9ee2d55133a9fd4db629327afe /ui/app/components/eth-balance.js | |
parent | 877648623e0b483d05291379b17d5a6646375b34 (diff) | |
parent | 6ae0a90d7b9ee3bfca359c1291efe86c5142c7b5 (diff) | |
download | tangerine-wallet-browser-aae2adf5a67ed0d31277e3066607cbc26385791c.tar.gz tangerine-wallet-browser-aae2adf5a67ed0d31277e3066607cbc26385791c.tar.zst tangerine-wallet-browser-aae2adf5a67ed0d31277e3066607cbc26385791c.zip |
Merge pull request #188 from MetaMask/ethbalcomp
ui - redesign - ether amount component
Diffstat (limited to 'ui/app/components/eth-balance.js')
-rw-r--r-- | ui/app/components/eth-balance.js | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/ui/app/components/eth-balance.js b/ui/app/components/eth-balance.js new file mode 100644 index 000000000..3f88ef2d4 --- /dev/null +++ b/ui/app/components/eth-balance.js @@ -0,0 +1,40 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const parseBalance = require('../util').parseBalance + +module.exports = EthBalanceComponent + +inherits(EthBalanceComponent, Component) +function EthBalanceComponent() { + Component.call(this) +} + +EthBalanceComponent.prototype.render = function() { + var state = this.props + var parsedAmount = parseBalance(state.value) + var beforeDecimal = parsedAmount[0] + var afterDecimal = parsedAmount[1] + var value = beforeDecimal+(afterDecimal ? '.'+afterDecimal : '') + var style = state.style + + return ( + + h('.ether-balance', { + style: style, + }, [ + h('.ether-balance-amount', { + style: { + display: 'inline', + }, + }, value), + h('.ether-balance-label', { + style: { + display: 'inline', + marginLeft: 6, + }, + }, 'ETH'), + ]) + + ) +} |