48 lines
1.3 KiB
React
48 lines
1.3 KiB
React
|
// @flow
|
||
|
import './EquivalentValues.scss';
|
||
|
import React from 'react';
|
||
|
import translate from 'translations';
|
||
|
import { Link } from 'react-router';
|
||
|
import { formatNumber } from 'utils/formatters';
|
||
|
import type Big from 'bignumber.js';
|
||
|
import { Ether } from 'libs/units';
|
||
|
|
||
|
const ratesKeys = ['BTC', 'REP', 'EUR', 'USD', 'GBP', 'CHF'];
|
||
|
|
||
|
type Props = {
|
||
|
balance: Ether,
|
||
|
rates: { [string]: number }
|
||
|
};
|
||
|
|
||
|
export default class EquivalentValues extends React.Component {
|
||
|
props: Props;
|
||
|
|
||
|
render() {
|
||
|
const { balance, rates } = this.props;
|
||
|
|
||
|
return (
|
||
|
<div className="EquivalentValues">
|
||
|
<h5 className="EquivalentValues-title">
|
||
|
{translate('sidebar_Equiv')}
|
||
|
</h5>
|
||
|
|
||
|
<ul className="EquivalentValues-values">
|
||
|
{ratesKeys.map(key => {
|
||
|
if (!rates[key]) return null;
|
||
|
return (
|
||
|
<li className="EquivalentValues-values-currency" key={key}>
|
||
|
<span className="EquivalentValues-values-currency-label">
|
||
|
{key}:
|
||
|
</span>
|
||
|
<span className="EquivalentValues-values-currency-value">
|
||
|
{' '}{formatNumber(balance.amount.times(rates[key]))}
|
||
|
</span>
|
||
|
</li>
|
||
|
);
|
||
|
})}
|
||
|
</ul>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
}
|