assign pruff

src/App.css

 .card_test{
     padding : 15px;
 }
-
+#start_title{
+    padding-bottom:20px;
+}
+.prueba_body{
+  padding: 15px;
+  background-color:red;
+  width : '100%';
+  min-height: 95vh;
+  display:flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  align-content: space-around;
+}
 
 

src/Components/Dashboard.js

 
     return (
         <ThemeProvider theme={mdTheme}>
-
             <MenuMovil anchor={anchorElMovil} control={setAnchorElMov} />
-
             <Box sx={{ display: 'flex' }}>
                 <AppBar style={{ backgroundColor: '#fff', boxShadow: 'None' }} position="absolute" open={open}>
                     <Toolbar sx={{ pr: '24px', borderBottom: "1px solid #ec5e69" }} >

src/Components/HomeUser/TestCard.jsx

 } from '@mui/material'
 
 import QA from '../../Images/puesto.jpg'
+import { Link } from 'react-router-dom'
 
 export function TestCard(props) {
 
     let { test } = props;
+    console.log('TEST: ', test)
     return (
         <Card className="card_test" elevation={0} sx={{ maxWidth: 500, maxHeight : 500 }}>
             <CardActionArea>
                 </CardContent>
             </CardActionArea>
             <CardActions>
+              <Link to={`/user/prueba/${test.id}`}>
                 <Button size="small" color="primary">
-                    Realizar
-                </Button>
+                      Realizar
+                  </Button>
+              </Link>
             </CardActions>
         </Card>
     )

src/Components/Navigation/listItems.js

 import { Nav } from 'react-bootstrap';
 
 import { Fingerprint, ExpandLess, ExpandMore } from '@mui/icons-material/'
-
 import { useNavigate, useResolvedPath, useMatch } from 'react-router-dom'
 import { Collapse,ListItem, List ,ListItemIcon,ListItemText,ListSubheader } from '@mui/material/'
 
         setOpen(false);
     }
 
-
     return(
         <ListItem
             sx={{ color : '#25344f'}}

src/Components/Routes.js

 import { Register } from '../Pages/Register'
 import { Home } from '../Pages/Home'
 import { Puestos } from '../Pages/Puestos'
-// import { Contras  } from '../Pages/Contras'
-import { Contrasv2  as Contras } from '../Pages/ContrasV2'
+import { Contrasv2 as Contras } from '../Pages/ContrasV2'
 import { Expedientes } from '../Pages/Expedientes'
 import { Resultados } from '../Pages/Resultados'
 import { Configuracion } from '../Pages/Configuracion'
 import { RestorePassword } from '../Pages/RestorePassword'
 
 import { HomeUser } from '../Pages/HomeUser'
+import { Prueba } from '../Pages/Prueba.jsx'
 
 import RequireAuth from '../Components/PrivateRoute'
 
-export default function MyRoutes () {
+export default function MyRoutes() {
 
-    return(
-        <Routes>
+  return (
+    <Routes>
 
-            <Route path="/" element={<Navigate to='/login'/>} />
-            <Route path="login" element={<Login/>} />
-            <Route path="logincd" element={<LoginCs/>} />
-            <Route path="password/recuperar" element={<RestorePassword/>} />
-            <Route path="register" element={<Register/>} />
+      <Route path="/" element={<Navigate to='/login' />} />
+      <Route path="login" element={<Login />} />
+      <Route path="logincd" element={<LoginCs />} />
+      <Route path="password/recuperar" element={<RestorePassword />} />
+      <Route path="register" element={<Register />} />
 
+      <Route
+        path="user"
+        element={
+          <RequireAuth>
+            <User />
+          </RequireAuth>
+        }
+      >
+        <Route path="home" element={<HomeUser />} />
+        <Route path="prueba/:id" element={<Prueba/>} />
+      </Route>
 
 
-            <Route 
-                path="user" 
-                element={
-                    <RequireAuth>
-                        <User/>
-                    </RequireAuth>
-                }
-            >
-                <Route path="home" element={<HomeUser/>} />
-            </Route>
+      <Route
+        path="dashboard"
+        element={
+          <RequireAuth>
+            <Dashboard />
+          </RequireAuth>
+        }
+      >
+        <Route path="home" element={<Home />} />
+        <Route path="puestos" element={<Puestos />} />
+        <Route path="perfil" element={<Profile />} />
+        <Route path="contrasenas" element={<Contras />} />
+        <Route path="expedientes" element={<Expedientes />} />
+        <Route path="resultados" element={<Resultados />} />
+        <Route path="configuraciones" element={<Configuracion />} />
+        <Route path="historial" element={<Historial />} />
+        <Route path="pruebas/listar" element={<Pruebas />} />
+        <Route path="pruebas/crear" element={<PruebaNueva />} />
+        <Route path="pruebas/aplicar" element={<PruebaAsignar />} />
+      </Route>
+      <Route path="*" element={<NotFound />} />
 
-
-            <Route 
-                path="dashboard" 
-                element={
-                    <RequireAuth>
-                        <Dashboard/>
-                    </RequireAuth>
-                }
-            >
-                <Route path="home" element={<Home/>} />
-                <Route path="puestos" element={<Puestos/>} />
-                <Route path="perfil" element={<Profile/>} />
-                <Route path="contrasenas" element={<Contras/>} />
-                <Route path="expedientes" element={<Expedientes/>} />
-                <Route path="resultados" element={<Resultados/>} />
-                <Route path="configuraciones" element={<Configuracion/>} />
-                <Route path="historial" element={<Historial/>} />
-                <Route path="pruebas/listar" element={<Pruebas/>} />
-                <Route path="pruebas/crear" element={<PruebaNueva/>} />
-                <Route path="pruebas/aplicar" element={<PruebaAsignar/>} />
-            </Route>
-            <Route path="*" element={<NotFound/>}/>
-
-        </Routes>
-    )
+    </Routes>
+  )
 }
 

src/Components/User.jsx

-// import * as React from 'react';
-//
-// import {
-//     Outlet,
-// } from "react-router-dom";
-//
-// import {
-//     AppBar, Box, CssBaseline, Divider, Drawer,
-//     IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText,
-//     Toolbar, Typography, Container, Badge,
-//     MenuItem, Avatar,Menu
-// } from '@mui/material'
-//
-// import {
-//     Mail as MailIcon, Notifications as NotificationsIcon,
-//     Menu as MenuIcon,
-// } from '@mui/icons-material'
-//
-//
-// import Footer from "../Components/Footer.js";
-// import ProfilePicture from '../Images/man.png';
-// import useAuth from '../Auth/useAuth';
-
 import React from 'react';
 import { ThemeProvider, styled, createTheme } from '@mui/material/styles';
 import '../Css/user.css'
 
     const CerrarSession = () => {
         auth.logout();
-        navigate('/')
+        navigate('/logincd')
     }
 
     const [anchorEl, setAnchorEl] = React.useState(null);
 
             <Box sx={{ display: 'flex' }}>
                 <AppBar style={{ backgroundColor: '#fff', boxShadow: 'None' }} position="absolute" open={open}>
-                    <Toolbar sx={{ pr: '24px', borderBottom: "1px solid var(--second)" }} >
+                    <Toolbar sx={{ pr: '24px', borderBottom: "1px solid var(--main)" }} >
                         <IconButton
                             name="navigation_icon_button"
                             edge="start"
                             color="inherit"
                             aria-label="open drawer"
-                            // onClick={isMovil ? MenuResponsive : toggleDrawer}
                             onClick={toggleDrawer}
                             sx={{ marginRight: '36px', ...( open && { display: 'none' }), }} >
                             <MenuIcon style={{
-                                background: 'var(--second)',
+                                background: 'var(--main)',
                                 fontSize: "40",
                                 color: "#fff"
                             }} />

src/Css/user.css

 .Mui-selected{
     /* se desahilito para la tabla de password */
-    color : #FFF !important;
-    background-color : var(--second) !important;
+    /* color : #FFF !important; */
+    /* background-color : var(--second) !important; */
     /* background-color : rgba(253, 75, 75, 0.1) !important; */
 }
 
 .MuiBadge-badge{
-    background-color : var(--second) !important;
+    /* background-color : var(--second) !important; */
 }

src/Pages/Home.jsx

         <section >
             <div className="content-section">
                 <div className="main">
-                    <h1>Bienvenido de nuevo {nombre}</h1>
+
+                    <div id="start_title">
+                        <h1>Bienvenido de nuevo {nombre}</h1>
+                    </div>
+
                     <div className="panel_options">
                         <Row>
                             <Col md="4">

src/Pages/HomeUser.jsx

         rest
         .get(token.current)
             .then(({ data }) => {
-                console.log("DATA -> ",data)
                 setTests(data.tests)
                 delete data.tests
                 setPasword(data);
         <div className="content-section">
             <div className="main">
                 <Box sx={{ width: '100%' }}>
-                    <Paper elevation={7} sx={{ mb: 2, padding: 2, height: '100%', minHeight: '95vh', boxShadow: 'none !important' }}>
+                    <Paper elevation={2} sx={{ mb: 2, padding: 2, height: '100%', minHeight: '95vh'}}>
                         <h2>
                             Bienvenido al sistemas de pruebas psicometricas.
                         </h2>

src/Pages/Logincs.jsx

 
                     // let { exp } = jwt_decode(token);
                     let body_token = jwt_decode(token);
+                    body_token['pass'] = password;
                     console.log("BODY TOKEN: ", body_token)
                     // let timestamp = exp * 1000;
                     // let restante = timestamp - Date.now();

src/Pages/Prueba.jsx

+import React, { useMemo, useState } from 'react';
+import { useParams } from 'react-router-dom'
+import { Service } from '../Utils/HTTP'
+import useAuth from '../Auth/useAuth.js';
+import { Box, Paper, Divider, Typography, Button } from '@mui/material'
+
+export function Prueba() {
+
+  let { id } = useParams();
+  let auth = useAuth();
+  let token = useMemo(() => auth.getToken())
+  let [data, setData] = useState({});
+
+  useState(() => {
+    let rest = new Service(`/prueba/findid/${id}`)
+    rest.get(token)
+      .then(resp => setData(resp.data))
+      .catch( _e => setData({}))
+  }, [id])
+
+  const CreateAssign = () => {
+    let now = new Date().toISOString();
+    let user = auth.getProfile();
+    let body = {
+      "id": -1,
+      "fechaasignacio": now,
+      "fechafinexamen": now, 
+      "estado": "1",
+      "score" : "0",
+      "mensaje" : "0",
+      "mensaje2" : "0",
+      "idcontrasenia": user.password,
+      "nombre": "assing CLEVAERR"
+    }
+    console.log(body)
+  }
+
+  return (
+    <div className="content-section">
+      <div className="main">
+        <Box >
+          <Paper className="prueba_body" elevation={1}>
+            <h1>{data.nombre}</h1>
+            <Divider/>
+            <Typography style={{marginTop:15, textAlign: 'center'}}>{data.decription}</Typography>
+            <Divider style={{marginTop:15}}/>
+            <Button onClick={CreateAssign}>Inicar Prueba</Button>
+          </Paper>
+        </Box>
+      </div>
+    </div>
+  );
+}