arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-27 10:48:22 +00:00
Code Issues Releases Wiki Activity

react intl support for balance in account menu

Browse Source
This commit is contained in:
slowbackspace 2019-03-12 11:47:14 +01:00
parent f35492ae6c
commit 3e4e671277
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
View File

@ -8,7 +8,7 @@ import styled, { css } from 'styled-components';
import * as stateUtils from 'reducers/utils';
import Tooltip from 'components/Tooltip';
import ICONS from 'config/icons';
import { FormattedMessage } from 'react-intl';
import { FormattedMessage, FormattedNumber } from 'react-intl';
import { toFiatCurrency } from 'utils/fiatConverter';
import { NavLink } from 'react-router-dom';
@ -112,6 +112,9 @@ const AccountMenu = (props: Props) => {
const url: string = location.pathname.replace(/account+\/([0-9]*)/, `account/${i}`);
let balance: ?string = null;
const fiatRates = props.fiat.find(f => f.network === network.shortcut);
const { localCurrency } = props.wallet;
let fiat = '';
if (account.balance !== '') {
const pending = stateUtils.getAccountPendingTx(props.pending, account);
const pendingAmount: BigNumber = stateUtils.getPendingAmount(pending, network.symbol);
@ -120,13 +123,9 @@ const AccountMenu = (props: Props) => {
.toString(10);
balance = `${availableBalance} ${network.symbol}`;
const fiatRates = props.fiat.find(f => f.network === network.shortcut);
if (fiatRates) {
const { localCurrency } = props.wallet;
const fiat = toFiatCurrency(availableBalance, localCurrency, fiatRates.rates);
balance = `${availableBalance} ${
network.symbol
} / ${localCurrency.toUpperCase()} ${fiat}`;
fiat = toFiatCurrency(availableBalance, localCurrency, fiatRates.rates);
balance = `${availableBalance} ${network.symbol} / `;
}
}
@ -142,7 +141,20 @@ const AccountMenu = (props: Props) => {
{...l10nCommonMessages.TR_ACCOUNT_HASH}
values={{ number: account.index + 1 }}
/>
{balance && <Text>{balance}</Text>}
{balance && (
<Text>
{balance}
{fiatRates && (
<FormattedNumber
currency={localCurrency}
value={fiat}
minimumFractionDigits={2}
// eslint-disable-next-line react/style-prop-object
style="currency"
/>
)}
</Text>
)}
{!balance && (
<Text>
<FormattedMessage {...l10nMessages.TR_LOADING_DOT_DOT_DOT} />