1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/hooks/useTokenFiatAmount.js

74 lines
2.5 KiB
JavaScript
Raw Normal View History

import { useMemo } from 'react';
import { shallowEqual, useSelector } from 'react-redux';
2020-11-03 00:41:28 +01:00
import {
getTokenExchangeRates,
getCurrentCurrency,
getShouldShowFiat,
} from '../selectors';
import { getTokenFiatAmount } from '../helpers/utils/token-util';
import { getConversionRate } from '../ducks/metamask/metamask';
import { isEqualCaseInsensitive } from '../../shared/modules/string-utils';
/**
* Get the token balance converted to fiat and formatted for display
*
* @param {string} [tokenAddress] - The token address
* @param {string} [tokenAmount] - The token balance
* @param {string} [tokenSymbol] - The token symbol
* @param {Object} [overrides] - A configuration object that allows the caller to explicitly pass an exchange rate or
2020-10-06 20:28:38 +02:00
* ensure fiat is shown even if the property is not set in state.
* @param {number} [overrides.exchangeRate] - An exhchange rate to use instead of the one selected from state
* @param {boolean} [overrides.showFiat] - If truthy, ensures the fiat value is shown even if the showFiat value from state is falsey
* @param {boolean} hideCurrencySymbol - Indicates whether the returned formatted amount should include the trailing currency symbol
* @returns {string} The formatted token amount in the user's chosen fiat currency
*/
2020-11-03 00:41:28 +01:00
export function useTokenFiatAmount(
tokenAddress,
tokenAmount,
tokenSymbol,
overrides = {},
hideCurrencySymbol,
) {
const contractExchangeRates = useSelector(
getTokenExchangeRates,
shallowEqual,
);
const conversionRate = useSelector(getConversionRate);
const currentCurrency = useSelector(getCurrentCurrency);
const userPrefersShownFiat = useSelector(getShouldShowFiat);
const showFiat = overrides.showFiat ?? userPrefersShownFiat;
const contractExchangeTokenKey = Object.keys(
contractExchangeRates,
).find((key) => isEqualCaseInsensitive(key, tokenAddress));
2020-11-03 00:41:28 +01:00
const tokenExchangeRate =
overrides.exchangeRate ??
(contractExchangeTokenKey &&
contractExchangeRates[contractExchangeTokenKey]);
const formattedFiat = useMemo(
2020-11-03 00:41:28 +01:00
() =>
getTokenFiatAmount(
tokenExchangeRate,
conversionRate,
currentCurrency,
tokenAmount,
tokenSymbol,
true,
hideCurrencySymbol,
),
[
tokenExchangeRate,
conversionRate,
currentCurrency,
tokenAmount,
tokenSymbol,
2020-10-06 20:28:38 +02:00
hideCurrencySymbol,
2020-11-03 00:41:28 +01:00
],
);
if (!showFiat || currentCurrency.toUpperCase() === tokenSymbol) {
return undefined;
}
return formattedFiat;
}