import {Button, Container, Typography} from "@mui/material"; 
import {useEffect, useState} from "react"; 
import {useNavigate} from "react-router-dom"; 
import {getSession, isLoggedIn} from "../session"; 
 
const User = () =>  { 
 
  let navigate = useNavigate(); 
 
  let [email, setEmail] = useState(""); 
 
  useEffect(() => { 
    if (!isLoggedIn()) { 
      navigate("/login"); 
    } 
 
    let session = getSession(); 
    setEmail(session.email); 
    console.log("Your access token is: " + session.accessToken); 
  }, [navigate]); 

  const onClick = () => {
    window.location.pathname = '/Personal'
    navigate("/Personal"); 
  }
 
  return ( 
    <Container maxWidth="xs" sx={{mt: 2}}> 
      <Typography variant="h6" component="h1" textAlign="center" gutterBottom> 
      Вы вошли в систему как: 
      </Typography> 
      <Typography variant="h5" component="h1" textAlign="center" gutterBottom> 
        {email} 
      </Typography> 
      <Typography variant="p" component="p" textAlign="center" gutterBottom> 
      Проверьте консоль на наличие вашего токена (доступа/сеанса).
      </Typography> 
      <Button variant="contained" color="error" onClick={onClick} sx={{mt: 3}} fullWidth> 
        Перейти в личный кабинет 
      </Button> 
    </Container> 
  ) 
}

export default User