1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 23:58:06 +01:00
metamask-extension/ui/hooks/useEthFiatAmount.js

48 lines
1.9 KiB
JavaScript
Raw Normal View History

import { useMemo } from 'react';
import { useSelector } from 'react-redux';
import { getCurrentCurrency, getShouldShowFiat } from '../selectors';
import { formatCurrency } from '../helpers/utils/confirm-tx.util';
import { getConversionRate } from '../ducks/metamask/metamask';
import { decEthToConvertedCurrency } from '../../shared/modules/conversion.utils';
2020-10-06 20:28:38 +02:00
/**
* Get an Eth amount converted to fiat and formatted for display
*
* @param {string} [ethAmount] - The eth amount to convert
* @param {object} [overrides] - A configuration object that allows the called to explicitly
2020-10-06 20:28:38 +02:00
* ensure fiat is shown even if the property is not set in 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-10-06 20:28:38 +02:00
*/
2020-11-03 00:41:28 +01:00
export function useEthFiatAmount(
ethAmount,
overrides = {},
hideCurrencySymbol,
) {
const conversionRate = useSelector(getConversionRate);
const currentCurrency = useSelector(getCurrentCurrency);
const userPrefersShownFiat = useSelector(getShouldShowFiat);
const showFiat = overrides.showFiat ?? userPrefersShownFiat;
2020-10-06 20:28:38 +02:00
const formattedFiat = useMemo(
() => decEthToConvertedCurrency(ethAmount, currentCurrency, conversionRate),
[conversionRate, currentCurrency, ethAmount],
);
2020-10-06 20:28:38 +02:00
2020-11-03 00:41:28 +01:00
if (
!showFiat ||
currentCurrency.toUpperCase() === 'ETH' ||
conversionRate <= 0 ||
ethAmount === undefined
) {
return undefined;
2020-10-06 20:28:38 +02:00
}
return hideCurrencySymbol
? formatCurrency(formattedFiat, currentCurrency)
2020-11-03 00:41:28 +01:00
: `${formatCurrency(
formattedFiat,
currentCurrency,
)} ${currentCurrency.toUpperCase()}`;
2020-10-06 20:28:38 +02:00
}