import { NextPage } from "next";
import { useSession } from "next-auth/react";
import Router from "next/router";
import { useEffect } from "react";
import Typography from "@mui/material/Typography";
import Container from "@mui/material/Container";

const User: NextPage = (): JSX.Element => {
  const { status, data } = useSession();
  console.log(status, data);

  useEffect(() => {
    if (status === "unauthenticated") Router.replace("/");
  }, [status]);

  if (status === "authenticated")
    return (
      <Container maxWidth="xl">
        <Typography>Welcome to the User Page!</Typography>
      </Container>
    );

  return <div>loading</div>;
};

export default User;