import {useEffect, useState} from 'react';
import {BigNumber} from 'ethers';
import useUnicornFinance from './useUnicornFinance';
import useRefresh from './useRefresh';

const useStakedBalanceOnBoardroom = () => {
  const {slowRefresh} = useRefresh();
  const [balance, setBalance] = useState(BigNumber.from(0));
  const unicornFinance = useUnicornFinance();
  const isUnlocked = unicornFinance?.isUnlocked;
  useEffect(() => {
    async function fetchBalance() {
      try {
        setBalance(await unicornFinance.getStakedSharesOnBoardroom());
      } catch (e) {
        console.error(e);
      }
    }
    if (isUnlocked) {
      fetchBalance();
    }
  }, [slowRefresh, isUnlocked, unicornFinance]);
  return balance;
};

export default useStakedBalanceOnBoardroom;