diff --git a/src/pages/Login/LoginPage.jsx b/src/pages/Login/LoginPage.jsx index 93154f4..79af77a 100644 --- a/src/pages/Login/LoginPage.jsx +++ b/src/pages/Login/LoginPage.jsx @@ -1,8 +1,21 @@ import styles from "./LoginPage.module.css"; import LoginForm from "../../components/loginform/loginForm.jsx"; import Background from "../../components/background/background.jsx"; +import { useEffect, useContext } from "react"; +import { AuthContext } from "../../contexts/auth/AuthContext.js"; +import { useNavigate } from "react-router"; function LoginPage() { + + const { user, loading } = useContext(AuthContext) + const navigate = useNavigate(); + + useEffect(() => { + if (!loading && user) { + navigate("/"); + } + }, [loading, user]); + return (
diff --git a/src/pages/Register/RegisterPage.jsx b/src/pages/Register/RegisterPage.jsx index b287e0d..ae5375b 100644 --- a/src/pages/Register/RegisterPage.jsx +++ b/src/pages/Register/RegisterPage.jsx @@ -2,10 +2,10 @@ import styles from "./RegisterPage.module.css"; import Background from "../../components/background/background.jsx"; import Input from "../../components/ui/input/input.jsx"; import Button from "../../components/ui/button/button.jsx"; -import { useState } from "react"; +import {useContext, useEffect, useState} from "react"; import register from "../../utils/register.js"; import { useNavigate } from "react-router"; -import {isNumber} from "chart.js/helpers"; +import { AuthContext } from "../../contexts/auth/AuthContext.js"; function RegisterPage() { @@ -19,6 +19,14 @@ function RegisterPage() { const [name, setName] = useState(""); const [lastName, setLastName] = useState(""); + const { user, loading } = useContext(AuthContext) + + useEffect(() => { + if (!loading && user) { + navigate("/"); + } + }, [loading, user]); + async function handleSubmit(e) { e.preventDefault();