import Metahead from '@/components/Metahead';
import Userdata from '@/components/Userdata';
import { useContext, useEffect } from 'react';
import { MyContext } from '@/components/MyContext';
import { useRouter } from 'next/router';
import { useSession } from 'next-auth/react';

const Presenters = () => {
  // accessing a context api
  const { isAdmin, setFormValues, setIsAdmin } = useContext(MyContext);
  const router = useRouter();
  const { data: session, status } = useSession();
  if (status === 'unauthenticated') {
    router.push('/');
  }

  // useEffect(() => {
  //   if (status === 'unauthenticated') {
  //     // redirect back to Dashboard
  //     router.push("/presenters");
  //   }
  // }, [router, session, status]);

  function CheckIsAdmin(user: boolean) {
    setIsAdmin(user);
  }
  useEffect(() => {
    if (typeof window !== 'undefined') {
      const checkUser = localStorage.getItem('isAdminUser');
      if (checkUser === 'admin') {
        CheckIsAdmin(true);
      } else {
        CheckIsAdmin(false);
      }
      console.log('Isadmin');
      console.log('Isadminnn');
      console.log(isAdmin);
      // if(userInfoFromlocal){
      //   setUserInfo(JSON.parse(userInfoFromlocal));
      // }
      // if (storedState) {
      //   setMyState(storedState);
      // }
    }
  }, []);
  return (
    <>
      <Metahead pageTitle="Presenter - Shift-Management" />
      <div className="container mx-auto my-[33px]">
        <p className="text-[35px] font-semibold mb-[42px]">Presenter list</p>
        {isAdmin ? <Userdata /> : <h1>Access dined!</h1>}
      </div>
    </>
  );
};

export default Presenters;