import useAutoLogIn from "@/avatar/useAutoLogIn";

import { useAvatarStore } from "@/store/Stores";
import { useEffect, useState } from "react";

const useSession = () => {
  const { loadTotem, totem } = useAvatarStore();
  const [isLoading, setLoading] = useState(true);

  const autoLogIn = useAutoLogIn();

  useEffect(() => {
    (async () => {
      await loadTotem();
      setLoading(false);
    })();
  }, [loadTotem]);

  useEffect(() => {
    (async () => {
      if (!isLoading && !totem) {
        await autoLogIn();
      }
    })();
  }, [autoLogIn, isLoading, totem]);

  return isLoading;
};

export default useSession;