agregar redireccion tras loggin a empezar

package.json

@@ -7,6 +7,7 @@
     "mysql": "^2.18.1",
     "mysql2": "^3.9.2",
     "node-cron": "^3.0.3",
-    "react-bootstrap": "^2.10.1"
+    "react-bootstrap": "^2.10.1",
+    "react-router-dom": "^6.22.3"
   }
 }

webapp/package.json

@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-bootstrap": "^2.10.1",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.1.0",
+    "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
     "web-vitals": "^3.5.1"
   },

webapp/src/components/login/Login.js

@@ -4,9 +4,11 @@ import axios from 'axios';
 import { Container, Typography, TextField, Button, Snackbar } from '@mui/material';
 import Game from '../game/Game';
 import { AuthContext } from '../authcontext';
+
 const Login = () => {
   //hacer que el navbar guarde el contexo de si estas loggeado o no 
   //ademas metes en localStorage que es como una cookie , el usuario para poder sacar sus datos en historial etc 
+
   const{handleLogin}=useContext(AuthContext);
 
 
@@ -19,12 +21,16 @@ const Login = () => {
   const [createdAt, setCreatedAt] = useState('');
   const [openSnackbar, setOpenSnackbar] = useState(false);
 
+
   const apiEndpoint = process.env.REACT_APP_API_URI ||'http://localhost:8000';
 
   useEffect(() => {
     if (loginSuccess) {
       handleLogin();
       localStorage.setItem('username', username);
+      //REDIRIJIR A LA PAG PRINCIPAL 
+      window.location.assign('/');
+
 
     }
   }, [loginSuccess,username, handleLogin]); // Este efecto se ejecutará cada vez que loginSuccess cambie

webapp/src/index.js

@@ -16,8 +16,7 @@ const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
 
-    <Game></Game> 
-    {/*
+
     <AuthProvider>
     <Router>
       <Navbar />
@@ -48,7 +47,6 @@ root.render(
 
 
     </AuthProvider>
-    */}
   </React.StrictMode>
 );