some fixes

src/App.css

@@ -398,3 +398,11 @@
   line-height: 1 !important;
   font-size: 14px !important;
 }
+.asign_status{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-content: flex-end;
+  flex-wrap: wrap;
+  flex-direction: row;
+}

src/Components/Home/Candidato.jsx

@@ -6,33 +6,58 @@ import {
 } from '@mui/material';
 import {
   CheckBox as CheckBoxIcon,
-  // FmdBad as FmdBadIcon,
-  NewReleases as NewReleasesIcon
+  AddTask as AddTaskIcon,
+  NewReleases as NewReleasesIcon,
+  Error as ErrorIcon,
+  AssignmentTurnedIn as AssignmentTurnedInIcon
 } from '@mui/icons-material'
 import { useNavigate } from 'react-router-dom'
 
 import { Col, Row } from 'react-bootstrap'
+const big_as = 70
 
+function IconStatus(props){
+  return(
+    <Tooltip title={props.message}>
+      <IconButton
+        style={{ color: '#0bd641' }}
+        components="label">
+        {<props.icon/>}
+      </IconButton>
+    </Tooltip>
 
-const big_as = 70
+  )
+}
 
-function Asignaciones(props) {
+function getOperation(estado){
+  // Patrik: 100 -> Significa que el examen esta completo
+  // Patrik: 99 -> Que el candidato lo esta haciendo (como "doing test" del otro servicio)
+  // Patrik: 97 ->  Que hay un error y que hay mas respuestas de las que deberian
+  // Patrik: 1 -> Solo esta asignado.
+  switch(estado){
+    case 1: // solo asignado
+      return <IconStatus icon={AddTaskIcon} message="Candidato Asignado"/>
+    case 97: //error en las respuestas
+      return <IconStatus icon={ErrorIcon} message="Hay error en las respuestas"/>
+    case 99: // el candidato se encuentra realizndolo
+      return <IconStatus icon={AssignmentTurnedInIcon} message="El candidato se encuentra realizando la prueba"/>
+    case 100: // finalizado
+      return <IconStatus icon={CheckBoxIcon} message="Calificar el examen"/>
+    default: return null
+  }
+}
 
-// Patrik: 100 -> Significa que el examen esta completo
-// Patrik: 99 -> Que el candidato lo esta haciendo (como "doing test" del otro servicio)
-// Patrik: 97 ->  Que hay un error y que hay mas respuestas de las que deberian
-// Patrik: 1 -> Solo esta asignado.
+function Asignaciones(props) {
 
   let navigate = useNavigate()
   console.log(props)
   let { estado,cattest, calificacionescleaver: test_result, id: SuperPWD } = props.asign;
-  console.log(estado)
 
   return (
     <tr>
-      <td>
-        {cattest.decription +  " " +estado}
-        {
+      <td className="asign_status">
+        {cattest.decription}
+        {/*
           test_result.length > 0 ?
             (
               <Tooltip title="Mostrar resultados">
@@ -45,6 +70,9 @@ function Asignaciones(props) {
                 </IconButton>
               </Tooltip>
             ) : null
+        */}
+        {
+          getOperation(estado)
         }
       </td>
     </tr>
@@ -90,8 +118,6 @@ function SinAsignaciones() {
 
 export function Candidato(props) {
 
-
-
   let { password, candidatos } = props.user
 
   return (

src/Pages/Home.jsx

@@ -35,11 +35,17 @@ export function Home() {
               </Col>
               <Col md="4">
                 <Card
-                  quantity={504} to='/dashboard/expedientes' title='EXPEDIENTES' icon={PersonOutline} />
+                  quantity={0} 
+                  to='/dashboard/expedientes'
+                  title='EXPEDIENTES' 
+                  icon={PersonOutline} />
               </Col>
               <Col md="4">
                 <Card
-                  quantity={343} to="/dashboard/puestos" title='PUESTOS' icon={ListAlt} />
+                  quantity={0} 
+                  to="/dashboard/puestos" 
+                  title='PUESTOS' 
+                  icon={ListAlt} />
               </Col>
             </Row>
           </div>

src/Slices/tokenSlice.js

@@ -15,7 +15,7 @@ export const tokenSlice = createSlice({
     },
     removeToken: (state,action) => {
       let {payload}=action
-      if(payload.candi){
+      if(payload?.candi){
         state.candi = null
       }
       state.token = null;