import {useCallback} from 'react';
import useUnicornFinance from './useUnicornFinance';
import {Bank} from '../unicorn-finance';
import useHandleTransactionReceipt from './useHandleTransactionReceipt';

const useZap = (bank: Bank) => {
  const unicornFinance = useUnicornFinance();
  const handleTransactionReceipt = useHandleTransactionReceipt();

  const handleZap = useCallback(
    (zappingToken: string, tokenName: string, amount: string) => {
        handleTransactionReceipt(
          unicornFinance.zapIn(zappingToken, tokenName, amount),
          `Zap ${amount} in ${bank.depositTokenName}.`,
        );      
    },
    [bank, unicornFinance, handleTransactionReceipt],
  );
  return {onZap: handleZap};
};

export default useZap;