import { selectExchangeRate } from './selectors'
import { useSelector } from 'react-redux'
import { useMemo } from 'react'
import { ExchangeRate } from './types'
import { getFullDisplayBalance } from '../../utils'

export const useConvertPriceWithExchangeRate = (priceConvert: number) => {
  const exchangeRate: ExchangeRate = useSelector(selectExchangeRate)
  const { price: priceUSD } = exchangeRate || {}

  return useMemo(() => {
    const result = getFullDisplayBalance(priceConvert * parseFloat(priceUSD), 3)

    return result
  }, [priceConvert, priceUSD])
}