Selaa lähdekoodia

dashboard test user

amenpunk 3 vuotta sitten
vanhempi
sitoutus
b772968dd7
3 muutettua tiedostoa jossa 10 lisäystä ja 10 poistoa
  1. 3 0
      src/App.css
  2. 1 1
      src/Components/HomeUser/TestCard.jsx
  3. 6 9
      src/Pages/HomeUser.jsx

+ 3 - 0
src/App.css

@@ -280,6 +280,9 @@
     max-height: 500px;
     display : flex;
 }
+.card_test{
+    padding : 15px;
+}
 
 
 

+ 1 - 1
src/Components/HomeUser/TestCard.jsx

@@ -12,7 +12,7 @@ export function TestCard(props) {
     console.log("TEST :: ", test)
 
     return (
-        <Card sx={{ maxWidth: 500, maxHeight : 500 }}>
+        <Card className="card_test" elevation={0} sx={{ maxWidth: 500, maxHeight : 500 }}>
             <CardActionArea>
                 <CardMedia
                     component="img"

+ 6 - 9
src/Pages/HomeUser.jsx

@@ -11,6 +11,7 @@ export function HomeUser(){
     const auth = useAuth();
     const token = useRef(auth.getToken());
     const [tests, setTests] = useState([]);
+    const [password, setPasword] = useState({});
 
     useEffect(() => {
 
@@ -19,8 +20,10 @@ export function HomeUser(){
         rest
         .get(token.current)
             .then(({ data }) => {
-                console.log("data >>> ", data)
+                console.log("DATA -> ",data)
                 setTests(data.tests)
+                delete data.tests
+                setPasword(data);
             })
             .catch(erro => {
                 console.error("ERR : ", erro)
@@ -38,14 +41,11 @@ export function HomeUser(){
                         </h2>
                         <h3>Instrucciones Generales</h3>
                         <Typography>
-                             Bienvenido, el sistema tiene como objetivo evaluar diferentes caracteristicas como  medir y cuantificar los procesos cognoscitivos de la mente humana.
-
-                            Parar resolver las pruebas que estan asignadas te recomendamos busques un lugar apropiado ya que necesitaras  en promedio 2 horas libre y es importante que se tenga el 100% de tu concentracion.
 
+Bienvenido, el sistema tiene como objetivo evaluar diferentes características como medir y cuantificar los procesos cognoscitivos de la mente humana. Parar resolver las pruebas que están asignadas te recomendamos busques un lugar apropiado, ya que necesitaras en promedio 2 horas libre y es importante que se tenga el 100% de tu concentración.
                         </Typography>
-
                         <Divider style={{margin : 5}}/>
-
+                        <h5>Pruebas para {password.nombrepuesto}</h5>
                         <div className="test_list" style={{ marginTop :15 }}> 
                             {
                             tests.map( test => {
@@ -55,9 +55,6 @@ export function HomeUser(){
                             })
                             }
                         </div>
-
-
-
                     </Paper>
                     <Button  onClick={auth.logout}>Salir</Button>
                 </Box>