Merge pull request #78 from leonardoOluz/fetchData

feat: ✨ Adiciona lógica de redirecionamento no componente Lo…

Author: leonardoOluz

src/hooks/useCheckRotas.ts

@@ -12,6 +12,12 @@ const useCheckRotas = () => {
   const navigate = useNavigate();
   const location = useLocation();
 
+  useEffect(() => {
+    if (!isLogado) {
+      navigate("/login");
+    }
+  }, [isLogado, navigate]);
+
   useEffect(() => {
     const privatePrefixes = [
       `/${CheckoutSteps.CHECKOUT}`,
@@ -22,11 +28,8 @@ const useCheckRotas = () => {
       privatePrefixes.some((prefix) => location.pathname.startsWith(prefix))
     ) {
       dispatch(checkAuthenticatedUser());
-      if (!isLogado) {
-        navigate("/login");
-      }
     }
-  }, [isLogado, navigate, location.pathname, dispatch]);
+  }, [navigate, location.pathname, dispatch]);
 };
 
 export default useCheckRotas;

src/pages/login/index.tsx

@@ -2,12 +2,23 @@ import Section from "@/components/Section";
 import Typography from "@/components/Typography";
 import { thema } from "@/styles/thema";
 import FormLogin from "./FormLogin";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import useWriteSlowly from "@/hooks/useWriteSlowly";
 import { DivFadeInForm } from "@/styles/forms";
+import { useEffect } from "react";
+import { RootState } from "@/types/store";
+import { useSelector } from "react-redux";
 const title = "Entre com sua conta!";
 const Login = () => {
   const writeTitle = useWriteSlowly(title);
+  const navigate = useNavigate();
+  const { isLogado } = useSelector((state: RootState) => state.usuario);
+  
+  useEffect(() => {
+    if (isLogado) {
+      navigate(-1);
+    }
+  }, [navigate, isLogado]);
 
   return (
     <Section classNameSection="secao login">