import { BigNumber } from 'ethers'
import { useEffect, useMemo, useState } from 'react'
import { useEthers } from './useEthers'
import { useReadonlyNetworks } from '../providers/network/readonlyNetworks'
import { useBlockNumber, useBlockNumbers } from '../hooks'
import { QueryParams } from '../constants/type/QueryParams'

/**
 * Returns gas price of current network.
 * @public
 * @returns gas price of current network. `undefined` if not initialised.
 */
export function useGasPrice(queryParams: QueryParams = {}): BigNumber | undefined {
  const { library } = useEthers()
  const providers = useReadonlyNetworks()
  const _blockNumber = useBlockNumber()
  const blockNumbers = useBlockNumbers()

  const [gasPrice, setGasPrice] = useState<BigNumber | undefined>()

  const { chainId } = queryParams

  const [provider, blockNumber] = useMemo(
    () => (chainId ? [providers[chainId], blockNumbers[chainId]] : [library, _blockNumber]),
    [providers, library, blockNumbers, _blockNumber]
  )

  async function updateGasPrice() {
    setGasPrice(await provider?.getGasPrice())
  }

  useEffect(() => {
    void updateGasPrice()
  }, [provider, blockNumber])

  return gasPrice
}