Working with login and initial folders front

Author: AlfredDev

votingWebSockets-Front/src/VoteApp/Routes/VoteRoutes.tsx

@@ -1,6 +1,13 @@
+import { Route, Routes } from "react-router-dom"
+import { Home } from "../Pages/Home"
 
 export const VoteRoutes = () => {
   return (
-    <div>VoteRoutes</div>
+    <div>
+      <Routes>
+        <Route path='/*' element={<Home />} />
+
+      </Routes>
+    </div>
   )
 }

votingWebSockets-Front/src/auth/pages/LoginPage.tsx

@@ -2,7 +2,9 @@ import { useDispatch, useSelector } from "react-redux";
 import { useForm } from "../../hooks/useForm";
 import { AppDispatch, RootState } from "../../redux/store";
 import { login } from "../../redux/Reducers/auth/authSlice";
+import { useNavigate } from "react-router-dom";
 export const LoginPage = () => {
+  const navigate = useNavigate();
 
   const { formState, onInputChange, onResetForm } = useForm({
     email: '',
@@ -16,7 +18,9 @@ export const LoginPage = () => {
     dispatch(login({ email: formState.email, password: formState.password }))
       .unwrap()
       .then(() => {
-        console.log("Login successful");
+        navigate("/", {
+          replace: true,
+        });
         onResetForm();
       })
       .catch((err) => {

votingWebSockets-Front/src/redux/Reducers/auth/authSlice.ts

@@ -14,7 +14,7 @@ interface AuthState {
 
 
 const initialState: AuthState = {
-    isAuthenticated: false,
+    isAuthenticated: !!localStorage.getItem('authToken'),
     role: '',
     loading: false,
     error: null,

votingWebSockets-Front/src/router/privateRouter.tsx

@@ -1,14 +1,18 @@
+import { useSelector } from "react-redux";
 import { Navigate } from "react-router-dom";
+import { RootState } from "../redux/store";
 
 
 interface PrivateRouterProps {
     children: React.ReactNode;
 }
 
 export const PrivateRouter: React.FC<PrivateRouterProps> = ({ children }) => {
-    const logged: boolean = false;
+    const isAuthenticated = useSelector((state: RootState) => state.auth.isAuthenticated);
 
-    return (logged)
-        ? children
-        : <Navigate to="/login" />
+    if (!isAuthenticated) {
+        return <Navigate to="/login"  />;
+    }
+
+    return <>{children}</>;
 }

votingWebSockets-Front/src/router/publicRouter.tsx

@@ -1,12 +1,16 @@
+import { useSelector } from "react-redux";
 import { Navigate } from "react-router-dom";
+import { RootState } from "../redux/store";
 interface PublicRouterProps {
     children: React.ReactNode;
 }
 
 export const PublicRouter: React.FC<PublicRouterProps> = ({ children }) => {
 
-    const logged: boolean = false;
-    return (!logged)
-        ? children
-        : <Navigate to="/home" />
+    const isAuthenticated = useSelector((state: RootState) => state.auth.isAuthenticated);
+    if (isAuthenticated) {
+        return <Navigate to="/home" replace />;
+    }
+
+    return <>{children}</>;
 }