asignacion full flow

src/Components/Navigation/listItems.js

 };
 
 export const UserListItems = (_props) =>  {
-    // const [open, setOpen] = React.useState(false);
     return(
         <List>
             <ListSubheader inset>MENÚ</ListSubheader>

src/Components/Routes.js

         }
       >
         <Route path="home" element={<HomeUser />} />
-        <Route path="prueba/:id" element={<Prueba/>} />
+        <Route path="prueba">
+          <Route path=":id" element={<Prueba/>}/>
+          <Route path="" element={<Prueba/>}/>
+        </Route>
       </Route>
 
 

src/Pages/Logincs.jsx

         .then(response => {
 
           console.log("Service Response :: ", response)
-          let { token, nombre, apelidos, id: pass_id, idSueperContrasenia } = response;
+          let { token, nombre, apelidos, idcontrasenia : pass_id, idSueperContrasenia } = response;
           toast.success(`Bienvenido ${nombre} ${apelidos}!!`)
           token = token.replace("Bearer ", "")
           let { exp } = jwt_decode(token);

src/Pages/Prueba.jsx

   let dispatch = useDispatch();
   let [data, setData] = useState({});
 
-  console.log('PROFILE: ', profile)
-
   useState(() => {
     let rest = new Service(`/prueba/findid/${id}`)
     rest.get(auth.token)
       .catch(_e => setData({}))
   }, [id])
 
-  console.log('Prueba info: ', data)
+  let now = new Date().toISOString();
+  let assig_data = {
+    "id": -1,
+    "fechaasignacio": now,
+    "fechafinexamen": now,
+    "estado": "1",
+    "score": "0",
+    "mensaje": "0",
+    "mensaje2": "0",
+    "candidatoinpwd_id": profile.profile.idsuperpwd,
+    //candidatoinpwd -> idSuperContraseña -> viene al hacer login
+    "idcontrasenia": profile.role.pass, // ya no se va enviar
+    "nombre": "new " + now,
+    //cattest_id // catalogo de examenes -> viene del api del catalogo del admin
+    "cattest_id": data.id
+  }
 
   const CreateAssign = () => {
 
-    let now = new Date().toISOString();
-    let body = {
-      "id": -1,
-      "fechaasignacio": now,
-      "fechafinexamen": now,
-      "estado": "1",
-      "score": "0",
-      "mensaje": "0",
-      "mensaje2": "0",
-      "candidatoinpwd_id": profile.profile.idsuperpwd,
-      //candidatoinpwd -> idSuperContraseña -> viene al hacer login
-      "idcontrasenia": profile.role.pass, // ya no se va enviar
-      "nombre": "assing CLEVAERR",
-      //cattest_id // catalogo de examenes -> viene del api del catalogo del admin
-      "cattest_id": data.id
-    }
 
     let rest = new Service("/prueba/asignacion");
-    rest.postQuery(body, auth.token)
+    rest.postQuery(assig_data, auth.token)
       .then(({ data: resp }) => {
         let { id: assingid } = resp
         toast.success("Asignación creada ", assingid)
-        dispatch(setRole({ assingid }))
+        dispatch(setRole({ assingid, current_test_id: id }))
       })
       .catch(() => {
         toast.error("Error al crear la asignación")
   }
 
   if (profile.role.assingid) {
+    //TODO:
+    //case current test id to render specific examn template
     return <Cleaver />
   }
 

src/Pages/Pruebas/Cleaver.jsx

 import React from 'react'
 import { Service } from '../../Utils/HTTP'
 import { Question } from '../../Components/Test/Cleaver/Question.jsx'
-import { Box,Button, LinearProgress, Backdrop, CircularProgress, } from '@mui/material'
+import { Box, Button, LinearProgress, Backdrop, CircularProgress, } from '@mui/material'
 import { useSelector } from 'react-redux';
 import { useParams, useNavigate } from 'react-router-dom'
 import toast, { Toaster } from 'react-hot-toast';
       main: '#fd4b4b',
       darker: '#053e85',
     },
-    secondary : {
+    secondary: {
       main: '#2ec5d3',
       darker: '#053e85',
     },
   const [progress, setProgress] = React.useState(0);
   const [open, setOpen] = React.useState(false);
 
-  const BadQuestion = () => toast.error("Escoge una respuesta en cada columna") 
+  const BadQuestion = () => toast.error("Escoge una respuesta en cada columna")
   //toast("Escoge una respuesta en cada columna",{ icon : '⚠️' });
   const CalculateProgress = () => {
     let total_preguntas = totalPreguntas.length + totalRespondidas.length
-    let x = totalRespondidas.length *100 / (total_preguntas)
+    let x = totalRespondidas.length * 100 / (total_preguntas)
     setProgress(x.toFixed(2))
   }
 
       .then(({ data }) => {
         console.log(data.questions)
         setPreguntas(data.questions)
-        setRespondidas(data.questions.slice(0,1))
+        setRespondidas(data.questions.slice(0, 1))
         setCurrent(0)
       }).catch(console.log)
-  }, [id,auth]);
+  }, [id, auth]);
 
   const saveRespones = () => {
 
     setOpen(true)
 
     let { responses: userResp } = cleaver;
-    let mapResponses = totalRespondidas.map( resp => {
-      let { respuestas : posibles, id } = resp;
-      console.log(resp.id,posibles)
-      let opciones_multiples = posibles.map( quiz => {
+    let mapResponses = totalRespondidas.map(resp => {
+      let { respuestas: posibles, id } = resp;
+      console.log(resp.id, posibles)
+      let opciones_multiples = posibles.map(quiz => {
         let body = {
           "respuestaid": resp.id,
-          "asignacionid":role.assingid,
-          "anotacion1": parseInt( userResp[id].A ) === parseInt(quiz.id) ? 1: 0, // + = A
-          "anotacion2":parseInt( userResp[id].B ) === parseInt(quiz.id) ? 1: 0,  // - = B
-          "anotacion3":0
+          "asignacionid": role.assingid,
+          "anotacion1": parseInt(userResp[id].A) === parseInt(quiz.id) ? 1 : 0, // + = A
+          "anotacion2": parseInt(userResp[id].B) === parseInt(quiz.id) ? 1 : 0,  // - = B
+          "anotacion3": 0
         }
         return body;
       })
     })
 
     let body = []
-    mapResponses.forEach( arr =>  arr.forEach(r => body.push(r)));
+    mapResponses.forEach(arr => arr.forEach(r => body.push(r)));
 
     let rest = new Service('/prueba/addrespuestas/opcionmultiple')
     rest.postQuery(body, auth.token)
   }
 
   const handleAddQuestion = () => {
-    let currentAnswer  = totalRespondidas[totalRespondidas.length - 1];
+    let currentAnswer = totalRespondidas[totalRespondidas.length - 1];
     let current_resp = cleaver.responses[currentAnswer.id];
 
-    if(!current_resp){
+    if (!current_resp) {
       return BadQuestion();
     }
-    if(parseInt( current_resp.A ) ===0 || parseInt( current_resp.B ) === 0){
+    if (parseInt(current_resp.A) === 0 || parseInt(current_resp.B) === 0) {
       return BadQuestion();
     }
-    const nextHiddenItem = totalPreguntas.filter(({id}) => id !== currentAnswer.id );
+    const nextHiddenItem = totalPreguntas.filter(({ id }) => id !== currentAnswer.id);
     if (nextHiddenItem) {
       setPreguntas(nextHiddenItem);
-      setCurrent(current+1);
+      setCurrent(current + 1);
       let temp = nextHiddenItem.shift()
-      setRespondidas([...totalRespondidas,temp]);
+      setRespondidas([...totalRespondidas, temp]);
     }
     CalculateProgress()
   };
 
   const handleRemoveQuestion = () => {
     let ultimaRespondida = totalRespondidas[totalRespondidas.length - 1];
-    setPreguntas([ultimaRespondida,...totalPreguntas]);
-    let current_without_last = totalRespondidas.filter(({id}) => id !== ultimaRespondida.id);
+    setPreguntas([ultimaRespondida, ...totalPreguntas]);
+    let current_without_last = totalRespondidas.filter(({ id }) => id !== ultimaRespondida.id);
     setRespondidas([...current_without_last]);
-    setCurrent(current - 1 )
+    setCurrent(current - 1)
     CalculateProgress()
   }
 
   return (
     <ThemeProvider theme={theme}>
       <div className="content-section question">
-        <div style={{marginTop : 35}}>
-          <LinearProgressWithLabel value={progress ? parseInt(progress) : 0 } />
+        <div style={{ marginTop: 35 }}>
+          <LinearProgressWithLabel value={progress ? parseInt(progress) : 0} />
         </div>
         <Box className="question_body">
-          {totalRespondidas.map((item,i) => (
-            <Question 
-              key={item.id} 
-              id={item.id} 
-              quiz={item} 
-              index={i} 
-              current={current} 
-              />)
+          {totalRespondidas.map((item, i) => (
+            <Question
+              key={item.id}
+              id={item.id}
+              quiz={item}
+              index={i}
+              current={current}
+            />)
           )}
         </Box>
 
         {
-        totalPreguntas.length > 0 ?
-          (
-            <div className="question_btn">
-              <Button
-                className="nextquestion_btn"
-                sx={{ backgroundColor: 'var(--main)' }}
-                variant="contained"
-                disabled={totalRespondidas.length <= 1}
-                onClick={handleRemoveQuestion}
-              >
-                Anterior
-              </Button>
-              <Button
-                className="nextquestion_btn"
-                sx={{ backgroundColor: 'var(--main)' }}
-                variant="contained"
-                disabled={totalPreguntas.length <= 0}
-                onClick={handleAddQuestion}
-              >
-                Siguiente
-              </Button>
-            </div>
-          ) : (
-
-            <div className="question_btn">
-              <Button
-                className="nextquestion_btn"
-                sx={{ backgroundColor: 'var(--main)' }}
-                variant="contained"
-                onClick={saveRespones}
-              >
-                Guardar
-              </Button>
-            </div>
-          )
-
-      }
+          totalPreguntas.length > 0 ?
+            (
+              <div className="question_btn">
+                <Button
+                  className="nextquestion_btn"
+                  sx={{ backgroundColor: 'var(--main)' }}
+                  variant="contained"
+                  disabled={totalRespondidas.length <= 1}
+                  onClick={handleRemoveQuestion}
+                >
+                  Anterior
+                </Button>
+                <Button
+                  className="nextquestion_btn"
+                  sx={{ backgroundColor: 'var(--main)' }}
+                  variant="contained"
+                  disabled={totalPreguntas.length <= 0}
+                  onClick={handleAddQuestion}
+                >
+                  Siguiente
+                </Button>
+              </div>
+            ) : (
+
+              <div className="question_btn">
+                <Button
+                  className="nextquestion_btn"
+                  sx={{ backgroundColor: 'var(--main)' }}
+                  variant="contained"
+                  onClick={saveRespones}
+                >
+                  Guardar
+                </Button>
+              </div>
+            )
+
+        }
         <Toaster position="bottom-right" />
         <Backdrop
           sx={{ color: '#fd4b4b', zIndex: (theme) => theme.zIndex.drawer + 1 }}
           open={open}
-          // onClick={()}
+        // onClick={()}
         >
           <CircularProgress color="inherit" />
         </Backdrop>

src/Slices/userSlice.js

     },
     setRole : (state, action ) => {
       state.role = Object.assign({}, state.role, action.payload);
-    }
+    },
+    getTestID : (state) => state.role.current_test_id
   }
 })
 
-export const { setProfile, setRole } = userSlice.actions;
+export const { setProfile, setRole, getTestID } = userSlice.actions;
 export default userSlice.reducer;

src/Utils/MenuItems.js

     AssignmentTurnedIn
 } from '@mui/icons-material'
 
-
 export const UserItems = [
     {
         icon : <Home/>,
     },
     {
         icon : <Star/>,
-        route : 'prueba/:id',
+        route : 'prueba/:id' ,
         title : 'Test Actual'
     },
 ]