// Copyright 2015-2017 Parity Technologies (UK) Ltd. // This file is part of Parity. // Parity is free software: you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by // the Free Software Foundation, either version 3 of the License, or // (at your option) any later version. // Parity is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // You should have received a copy of the GNU General Public License // along with Parity. If not, see . import BigNumber from 'bignumber.js'; import React from 'react'; import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; import { connect } from 'react-redux'; import TokenImage from '../TokenImage'; import styles from './balance.css'; function Balance ({ balance, className, showOnlyEth, tokens }) { if (Object.keys(balance).length === 0) { return null; } let body = Object.keys(balance) .map((tokenId) => { const token = tokens[tokenId]; const balanceValue = balance[tokenId]; const isEthToken = token.native; const isFullToken = !showOnlyEth || isEthToken; const hasBalance = (balanceValue instanceof BigNumber) && balanceValue.gt(0); if (!hasBalance && !isEthToken) { return null; } const bnf = new BigNumber(token.format || 1); let decimals = 0; if (bnf.gte(1000)) { decimals = 3; } else if (bnf.gte(100)) { decimals = 2; } else if (bnf.gte(10)) { decimals = 1; } const value = new BigNumber(balanceValue).div(bnf).toFormat(decimals); const classNames = [styles.balance]; let details = null; if (isFullToken) { classNames.push(styles.full); details = [
{ value }
,
{ token.tag }
]; } return (
{ details }
); }) .filter((node) => node); if (!body.length) { body = (
); } return (
{ body }
); } Balance.propTypes = { balance: PropTypes.object.isRequired, tokens: PropTypes.object.isRequired, address: PropTypes.string, className: PropTypes.string, showOnlyEth: PropTypes.bool, showZeroValues: PropTypes.bool }; Balance.defaultProps = { showOnlyEth: false, showZeroValues: false }; function mapStateToProps (state, props) { const { balances, tokens } = state; const { address } = props; return { balance: balances[address] || props.balance || {}, tokens }; } export default connect( mapStateToProps, null )(Balance);