LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Use language stored in localStorage for formatting numbers.

Browse source
This commit is contained in:
Franco Montenegro 2022-04-28 09:05:05 -03:00 committed by jessopb
parent 5319232918
commit efa682ef02
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/component/walletBalance/view.jsx
View file

@ -9,7 +9,7 @@ import HelpLink from 'component/common/help-link';
import Card from 'component/common/card'; import Card from 'component/common/card';
import LbcSymbol from 'component/common/lbc-symbol'; import LbcSymbol from 'component/common/lbc-symbol';
import I18nMessage from 'component/i18nMessage'; import I18nMessage from 'component/i18nMessage';
import { formatNumberWithCommas } from 'util/number'; import { formatCredits } from 'util/format-credits';
type Props = { type Props = {
balance: number, balance: number,
@ -64,7 +64,7 @@ const WalletBalance = (props: Props) => {
return ( return (
<Card <Card
title={<LbcSymbol postfix={formatNumberWithCommas(totalBalance)} isTitle />} title={<LbcSymbol postfix={formatCredits(totalBalance, 8)} isTitle />}
subtitle={ subtitle={
totalLocked > 0 ? ( totalLocked > 0 ? (
<I18nMessage tokens={{ lbc: <LbcSymbol /> }}> <I18nMessage tokens={{ lbc: <LbcSymbol /> }}>

7
ui/util/format-credits.js
View file

@ -1,11 +1,12 @@
export function formatCredits(amount, precision, shortFormat = false) { export function formatCredits(amount, precision, shortFormat = false) {
const language = localStorage.getItem('language') || undefined;
const actualAmount = Number(amount); const actualAmount = Number(amount);
const safePrecision = Math.min(20, Math.max(1, precision)); const safePrecision = Math.min(20, Math.max(1, precision || 0));
if (Number.isNaN(actualAmount) || actualAmount === 0) return '0'; if (Number.isNaN(actualAmount) || actualAmount === 0) return '0';
if (shortFormat) { if (shortFormat) {
const formatter = new Intl.NumberFormat(undefined, { const formatter = new Intl.NumberFormat(language, {
minimumFractionDigits: safePrecision, minimumFractionDigits: safePrecision,
maximumFractionDigits: safePrecision, maximumFractionDigits: safePrecision,
roundingIncrement: 5, roundingIncrement: 5,
@ -16,7 +17,7 @@ export function formatCredits(amount, precision, shortFormat = false) {
return formatter.format(actualAmount); return formatter.format(actualAmount);
} }
const formatter = new Intl.NumberFormat(undefined, { const formatter = new Intl.NumberFormat(language, {
minimumFractionDigits: safePrecision, minimumFractionDigits: safePrecision,
maximumFractionDigits: safePrecision, maximumFractionDigits: safePrecision,
roundingIncrement: 5, roundingIncrement: 5,

3
ui/util/number.js
View file

@ -1,8 +1,9 @@
// @flow // @flow
export function formatNumber(num: number, numberOfDigits?: number, short: boolean = false): string { export function formatNumber(num: number, numberOfDigits?: number, short: boolean = false): string {
const language = localStorage.getItem('language') || undefined;
const safePrecision = Math.min(20, numberOfDigits || 0); const safePrecision = Math.min(20, numberOfDigits || 0);
const formatter = new Intl.NumberFormat(undefined, { const formatter = new Intl.NumberFormat(language, {
maximumFractionDigits: safePrecision, maximumFractionDigits: safePrecision,
notation: short ? 'compact' : 'standard', notation: short ? 'compact' : 'standard',
compactDisplay: 'short', compactDisplay: 'short',