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

const useTotalStakedOnBoardroom = () => {
  const [totalStaked, setTotalStaked] = useState(BigNumber.from(0));
  const unicornFinance = useUnicornFinance();
  const {slowRefresh} = useRefresh();
  const isUnlocked = unicornFinance?.isUnlocked;

  useEffect(() => {
    async function fetchTotalStaked() {
      try {
        setTotalStaked(await unicornFinance.getTotalStakedInBoardroom());
      } catch (err) {
        console.error(err);
      }
    }
    if (isUnlocked) {
      fetchTotalStaked();
    }
  }, [isUnlocked, slowRefresh, unicornFinance]);

  return totalStaked;
};

export default useTotalStakedOnBoardroom;