neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

InputBalance default formatting with 3 decimals (#2766)

Browse Source 
* InputBalance default formatting with 3 decimals

* Cleanup reformatting
This commit is contained in:
Jaco Greeff 2020-05-18 12:31:55 +02:00 committed by GitHub
parent c38faec51e
commit deeb8b11de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/react-components/src/InputBalance.tsx
View File

@ -34,15 +34,34 @@ interface Props extends BareProps {
const DEFAULT_BITLENGTH = BitLengthOption.CHAIN_SPEC as BitLength;
const TEN = new BN(10);
const THOUSAND = new BN(1000);
function reformat (value: string | BN, isDisabled?: boolean): string {
if (isBn(value)) {
let fmt = (value.mul(THOUSAND).div(TEN.pow(new BN(formatBalance.getDefaults().decimals))).toNumber() / 1000).toFixed(3);
while (fmt.length !== 1 && ['.', '0'].includes(fmt[fmt.length - 1])) {
const isLast = fmt.endsWith('.');
fmt = fmt.substr(0, fmt.length - 1);
if (isLast) {
break;
}
}
return fmt;
}
return formatBalance(value, { forceUnit: '-', withSi: false }).replace(',', isDisabled ? ',' : '');
}
function InputBalance ({ autoFocus, className, defaultValue: inDefault, help, isDisabled, isError, isFull, isZeroable, label, labelExtra, maxValue, onChange, onEnter, onEscape, placeholder, style, value, withEllipsis, withLabel, withMax }: Props): React.ReactElement<Props> {
const [defaultValue, setDefaultValue] = useState<string | undefined>();
useEffect((): void => {
inDefault && setDefaultValue(
isBn(inDefault)
? inDefault.div(TEN.pow(new BN(formatBalance.getDefaults().decimals))).toString()
: formatBalance(inDefault, { forceUnit: '-', withSi: false }).replace(',', isDisabled ? ',' : '')
reformat(inDefault, isDisabled)
);
}, [inDefault, isDisabled]);