72f94d2e6d
* feat(#500): mute price decimal places * feat(colors): remove alpha chanel from shades of gray * feat(colors): simplify intent colors * feat(colors): fix intent mapping * feat(colors): fix lint issues * feat(colors): fix lint issues
68 lines
2.0 KiB
TypeScript
68 lines
2.0 KiB
TypeScript
import { BigNumber } from 'bignumber.js';
|
|
import { BigNumber as EthersBigNumber } from 'ethers';
|
|
import memoize from 'lodash/memoize';
|
|
import { getUserLocale } from './utils';
|
|
|
|
export function toDecimal(numberOfDecimals: number) {
|
|
return Math.pow(10, -numberOfDecimals);
|
|
}
|
|
|
|
export function toBigNum(
|
|
rawValue: string | number | EthersBigNumber,
|
|
decimals: number
|
|
): BigNumber {
|
|
return new BigNumber(
|
|
rawValue instanceof EthersBigNumber ? rawValue.toString() : rawValue || 0
|
|
).dividedBy(Math.pow(10, decimals));
|
|
}
|
|
|
|
export function addDecimal(
|
|
value: string | number | EthersBigNumber,
|
|
decimals: number,
|
|
decimalPrecision = decimals
|
|
): string {
|
|
if (!decimals) return value.toString();
|
|
return toBigNum(value, decimals).toFixed(decimalPrecision);
|
|
}
|
|
|
|
export function removeDecimal(value: string, decimals: number): string {
|
|
if (!decimals) return value;
|
|
return new BigNumber(value || 0).times(Math.pow(10, decimals)).toFixed(0);
|
|
}
|
|
|
|
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat
|
|
export const getNumberFormat = memoize(
|
|
(digits: number) =>
|
|
new Intl.NumberFormat(getUserLocale(), {
|
|
minimumFractionDigits: digits,
|
|
maximumFractionDigits: digits,
|
|
})
|
|
);
|
|
|
|
export const getDecimalSeparator = memoize(
|
|
() =>
|
|
getNumberFormat(1)
|
|
.formatToParts(1.1)
|
|
.find((part) => part.type === 'decimal')?.value
|
|
);
|
|
|
|
export const formatNumber = (rawValue: string | number, formatDecimals = 0) => {
|
|
return getNumberFormat(formatDecimals).format(Number(rawValue));
|
|
};
|
|
|
|
export const addDecimalsFormatNumber = (
|
|
rawValue: string | number,
|
|
decimalPlaces: number,
|
|
formatDecimals: number = decimalPlaces
|
|
) => {
|
|
const x = addDecimal(rawValue, decimalPlaces);
|
|
|
|
return formatNumber(x, formatDecimals);
|
|
};
|
|
|
|
export const formatNumberPercentage = (value: BigNumber, decimals?: number) => {
|
|
const decimalPlaces =
|
|
typeof decimals === 'undefined' ? Math.max(value.dp(), 2) : decimals;
|
|
return `${value.dp(decimalPlaces).toFormat(decimalPlaces)}%`;
|
|
};
|