list all tests

psicoadmin/src/Components/listItems.js

@@ -133,7 +133,8 @@ export const MainListItems = (props) =>  {
                 setOpen(true)
             }
         }
-    },[props, selectedIndex])
+    // },[props, selectedIndex])
+    })
 
 
     return(

psicoadmin/src/Css/all.css

@@ -2128,14 +2128,14 @@ label {
     color: #949494;
 }
 .crear_nueva_prueba {
-    padding: 10px 0px 10px;
+    /* padding: 10px 0px 10px; */
     text-align: right;
 }
 .btn_crear_prueba {
     border: 1px solid #fd4b4b;
     color: #fff;
     background: #fd4b4b;
-    padding: 10px 55px;
+    padding: 10px 20px;
     font-size: 14px;
     position: relative;
     cursor: pointer;
@@ -3876,22 +3876,26 @@ All this is done for any sub-level being entered.
     transition: all 0.3s;
 }
 .busqueda_prueba {
-    margin-bottom: 40px;
+    /* margin-bottom: 40px; */
 }
 .buscar_prueba {
     padding: 0px 0px 25px;
     text-align: left;
 }
+.crear_prueba{
+    display : flex;
+    justify-content: flex-end;
+    margin-bottom : 15px;
+}
 .btn_buscar_prueba {
+    width : 100%;
     border: 1px solid #fd4b4b;
     color: #fff;
     background: #fd4b4b;
-    padding: 10px 55px;
     font-size: 14px;
-    position: relative;
     cursor: pointer;
     transition: all 0.3s;
-    /* margin-left: 15px; */
+    height : 42px;
 }
 .btn_buscar_prueba:hover {
     border: 1px solid #fd4b4b;

psicoadmin/src/Pages/Pruebas.jsx

@@ -1,5 +1,4 @@
-import React, { useEffect, useState, useRef } from 'react'
-import $ from 'jquery'
+import React, { useState, useRef } from 'react'
 import { Row, Col } from 'react-bootstrap'
 
 import RemoveRedEyeIcon from '@mui/icons-material/RemoveRedEye';
@@ -62,29 +61,20 @@ export function Pruebas() {
 
     const all = [...inteligencia, ...comportamiento, ...personalidad]
 
-    
-    let [nombre, setNombre] = useState(null)
-    let [pruebas, setPruebas] = useState([])
+    let [pruebas, setPruebas] = useState(all)
 
     let main =  useRef(null);
     
-    useEffect(() => {
-        if(pruebas.lenght !==  all.lenght ){
-            console.log(main.current)
-        }
-        setPruebas(all)
-    },[])
- 
     return (
         <section>
             <div className="content-section">
                 <div className="main main_pruebas_list">
                     <h1>Listado de pruebas psicométricas</h1>
-
+                    {/* <Row style={{ display : 'flex', alignItems: 'baseline' }}> */}
                     <Row>
-                        <Col md='9' className="busqueda_prueba">
+                        <Col sm='6' md='8' className="busqueda_prueba">
                             <Row>
-                                <Col md="8">
+                                <Col style={{  padding : 0, margin : 0 }} xs='6' sm='6' md="8">
                                     <input 
                                         onChange={(event) => {
                                             let nombre = event.target.value
@@ -94,29 +84,27 @@ export function Pruebas() {
                                                     return isset
                                                 })
                                                 setPruebas(temp)
-                                                setNombre(nombre)
                                             }else{
                                                 setPruebas(all)
-                                                setNombre(nombre)
                                             }
                                         }} 
                                         type="text" 
                                         name="nombreprueba" 
                                         placeholder="Escribe el nombre de la prueba que deseas consultar"/>
                                 </Col>
-                                <Col md="4">
+                                <Col style={{ paddinRight : 0 }} xs='6' sm='6' md="4">
                                     <div className="buscar_prueba">
                                         <button className="btn_buscar_prueba">BUSCAR</button>
                                     </div>
                                 </Col>
                             </Row>
                         </Col>
-                        <Col md="3">
-                            <div className="crear_nueva_prueba">
-                                <span 
+                        <Col sm='12' md="4">
+                            <div className="crear_prueba">
+                                <button 
                                     onClick={ () =>  navigate('/dashboard/pruebas/crear') } 
-                                    className="btn_crear_prueba">CREAR PRUEBA
-                                </span>
+                                    className="btn_buscar_prueba">CREAR PRUEBA
+                                </button>
                             </div>
                         </Col>
                     </Row>