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

const useTotalValueLocked = () => {
  const [totalValueLocked, setTotalValueLocked] = useState<Number>(0);
  const {slowRefresh} = useRefresh();
  const unicornFinance = useUnicornFinance();

  useEffect(() => {
    async function fetchTVL() {
      try {
        setTotalValueLocked(await unicornFinance.getTotalValueLocked());
      } catch (err) {
        console.error(err);
      }
    }
    fetchTVL();
  }, [setTotalValueLocked, unicornFinance, slowRefresh]);

  return totalValueLocked;
};

export default useTotalValueLocked;