mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-02-04 23:33:24 +00:00
8fe664c171
* Add definition file for bn.js * Remove types-bn * make isBN a static property * progress commit -- swap out bignumber.js for bn.js * Swap out bignumber for bn in vendor * Change modn to number return * Start to strip out units lib for a string manipulation based lib * Convert codebase to only base units * Get rid of useless component * Handle only wei in values * Use unit conversion in sidebar * Automatically strip hex prefix, and handle decimal edge case * Handle base 16 wei in transactions * Make a render callback component for dealing with unit conversion * Switch contracts to use bn.js, and get transaction values from signedTx instead of state * Get send transaction working with bn.js * Remove redundant hex stripping, return base value of tokens * Cleanup unit file * Re-implement toFixed for strings * Use formatNumber in codebase * Cleanup code * Undo package test changes * Update snapshot and remove console logs * Use TokenValue / Wei more consistently where applicable * Add typing to deterministicWallets, fix confirmation modal, make UnitDisplay more flexible * Clean up prop handling in UnitDisplay * Change instanceof to typeof check, change boolean of displayBalance * Fix tsc errors * Fix token row displaying wrong decimals * Fix deterministic modal token display * Handle hex and non hex strings automatically in BN conversion * Fix handling of strings and numbers for BN * add web3 fixes & comments * Display short balances on deterministic modals * add more tests, fix rounding * Add spacer to balance sidebar network name * Fix tsc error
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
import { Wei } from 'libs/units';
|
|
import React from 'react';
|
|
import translate from 'translations';
|
|
import './EquivalentValues.scss';
|
|
import { State } from 'reducers/rates';
|
|
import { symbols } from 'actions/rates';
|
|
import { UnitDisplay } from 'components/ui';
|
|
|
|
interface Props {
|
|
balance?: Wei;
|
|
rates?: State['rates'];
|
|
ratesError?: State['ratesError'];
|
|
}
|
|
|
|
export default class EquivalentValues extends React.Component<Props, {}> {
|
|
public render() {
|
|
const { balance, rates, ratesError } = this.props;
|
|
|
|
return (
|
|
<div className="EquivalentValues">
|
|
<h5 className="EquivalentValues-title">{translate('sidebar_Equiv')}</h5>
|
|
|
|
<ul className="EquivalentValues-values">
|
|
{rates
|
|
? symbols.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">
|
|
{' '}
|
|
{balance ? (
|
|
<UnitDisplay
|
|
unit={'ether'}
|
|
value={balance.muln(rates[key])}
|
|
displayShortBalance={2}
|
|
/>
|
|
) : (
|
|
'???'
|
|
)}
|
|
</span>
|
|
</li>
|
|
);
|
|
})
|
|
: ratesError && <h5>{ratesError}</h5>}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|
|
}
|