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

const useBoardroomVersion = () => {
  const [boardroomVersion, setBoardroomVersion] = useState('latest');
  const unicornFinance = useUnicornFinance();
  const stakedBalance = useStakedBalanceOnBoardroom();

  const updateState = useCallback(async () => {
    setBoardroomVersion(await unicornFinance.fetchBoardroomVersionOfUser());
  }, [unicornFinance?.isUnlocked, stakedBalance]);

  useEffect(() => {
    if (unicornFinance?.isUnlocked) {
      updateState().catch((err) => console.error(err.stack));
    }
  }, [unicornFinance?.isUnlocked, stakedBalance]);

  return boardroomVersion;
};

export default useBoardroomVersion;