mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-23 03:36:18 +02:00
3c98be4214
Fiat amounts are now shown inline on token transfers in the transaction list, where possible (i.e. where the conversion rates are known). The logic for this hook is pretty tangled because it's used for so many fundamentally different types of items (eth transactions, token transactions, signature requests). In the future we should split these into different components. The documentation for the `useTokenFiatAmount` hook was updated to make `tokenAmount` optional, but in practice it already worked as expected without the amount being passed in.
38 lines
1.2 KiB
JavaScript
38 lines
1.2 KiB
JavaScript
import { useMemo } from 'react'
|
|
import { useSelector } from 'react-redux'
|
|
import { getTokenExchangeRates, getConversionRate, getCurrentCurrency } from '../selectors'
|
|
import { getFormattedTokenFiatAmount } from '../helpers/utils/token-util'
|
|
|
|
/**
|
|
* 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
|
|
* @return {string} - The formatted token amount in the user's chosen fiat currency
|
|
*/
|
|
export function useTokenFiatAmount (tokenAddress, tokenAmount, tokenSymbol) {
|
|
const contractExchangeRates = useSelector(getTokenExchangeRates)
|
|
const conversionRate = useSelector(getConversionRate)
|
|
const currentCurrency = useSelector(getCurrentCurrency)
|
|
|
|
const tokenExchangeRate = contractExchangeRates[tokenAddress]
|
|
|
|
const formattedFiat = useMemo(
|
|
() => getFormattedTokenFiatAmount(
|
|
tokenExchangeRate,
|
|
conversionRate,
|
|
currentCurrency,
|
|
tokenAmount,
|
|
tokenSymbol
|
|
),
|
|
[tokenExchangeRate, conversionRate, currentCurrency, tokenAmount, tokenSymbol]
|
|
)
|
|
|
|
if (currentCurrency.toUpperCase() === tokenSymbol) {
|
|
return undefined
|
|
}
|
|
|
|
return formattedFiat
|
|
}
|