import { useUser } from "context/UserContext";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";

import { getToken } from "utilFuncs/utilFunctions";

function RequireAuth({ children }: any) {
  const router = useRouter();
  const { user, setUser } = useUser();

  const token = getToken();

  useEffect(() => {
    // const token = getToken();
    console.log("token", token);

    if (!token) {
      router.push("/login");
    }
  }, [router, token]);

  // if (
  //   token === null &&
  //   token && // 👈 null and undefined check
  //   Object.keys(token).length === 0 &&
  //   Object.getPrototypeOf(token) === Object.prototype
  // ) {
  //   router.push("/login");
  // }

  return children;
}

export default RequireAuth;