import { useDispatch } from 'react-redux'
import { useCallback } from 'react'
import { showSidebar } from '../store/actions'
import {
  fetchBasicGasAndTimeEstimates,
  fetchGasEstimates,
  setCustomGasPriceForRetry,
  setCustomGasLimit,
} from '../ducks/gas/gas.duck'
import { increaseLastGasPrice } from '../helpers/utils/confirm-tx.util'
import { useMetricEvent } from './useMetricEvent'


/**
 * Provides a reusable hook that, given a transactionGroup, will return
 * a method for beginning the retry process
 * @param {Object} transactionGroup - the transaction group
 * @return {Function}
 */
export function useRetryTransaction (transactionGroup) {
  const { primaryTransaction, initialTransaction } = transactionGroup
  const gasPrice = primaryTransaction.txParams.gasPrice
  const trackMetricsEvent = useMetricEvent(({
    eventOpts: {
      category: 'Navigation',
      action: 'Activity Log',
      name: 'Clicked "Speed Up"',
    },
  }))
  const dispatch = useDispatch()

  const retryTransaction = useCallback(async (event) => {
    event.stopPropagation()

    trackMetricsEvent()
    const basicEstimates = await dispatch(fetchBasicGasAndTimeEstimates)
    await dispatch(fetchGasEstimates(basicEstimates.blockTime))
    const transaction = initialTransaction
    const increasedGasPrice = increaseLastGasPrice(gasPrice)
    dispatch(setCustomGasPriceForRetry(increasedGasPrice || transaction.txParams.gasPrice))
    dispatch(setCustomGasLimit(transaction.txParams.gas))
    dispatch(showSidebar({
      transitionName: 'sidebar-left',
      type: 'customize-gas',
      props: { transaction },
    }))
  }, [dispatch, trackMetricsEvent, initialTransaction, gasPrice])

  return retryTransaction
}