import Button from '@/components/Button';
import Metahead from '@/components/Metahead';
import TableData from '@/components/TableData';
import { useRouter } from 'next/router';
import { useSession } from 'next-auth/react';
import { useEffect } from 'react';

const Showschedule = () => {
  const router = useRouter();
  const { data: session, status } = useSession();
  if (status === 'unauthenticated') {
    router.push('/');
  }

  // useEffect(() => {
  //   if (status === 'unauthenticated') {
  //     // redirect back to Dashboard
  //     router.push("/show_schedule");
  //   }
  // }, [router, session, status]);
  return (
    <>
      <Metahead pageTitle="Show Schedule - Shift-Management" />
      <div className="container mx-auto my-[33px]">
        <div className="justify-between flow-root px-3 py-3">
          <div className="float-right">
            <Button
              linktext="Update Schedule"
              linkclassname="text-white bg-purple rounded-[5px]"
              modaltitle="Update Schedule"
            />
          </div>
        </div>
        <TableData
          handleClick={function (): void {
            throw new Error('Function not implemented.');
          }}
        />
      </div>
    </>
  );
};

export default Showschedule;