config and other

index.php

         errorLabel.text("Date not valid.");
       }
     }
-</script>
+</script>

psicoadmin/src/Components/Routes.js

 import { Resultados } from '../Pages/Resultados'
 import { Configuracion } from '../Pages/Configuracion'
 import { Historial } from '../Pages/Historial'
+import { Pruebas } from '../Pages/Pruebas'
 
 import useAuth from '../Auth/useAuth'
 
                             <Route path="resultados" element={<Resultados/>} />
                             <Route path="configuraciones" element={<Configuracion/>} />
                             <Route path="historial" element={<Historial/>} />
+                            <Route path="pruebas/listar" element={<Pruebas/>} />
                         </Route>
                     )
                 : ( <Route path="dashboard" element={<Navigate to='/'/>} />)

psicoadmin/src/Components/listItems.js

 
 function SubMenuItem (props) {
 
+    let navigate = useNavigate()
+
     function change (event){
         props.change(event, props.index)
+        if(props.route){
+            navigate(props.route)
+        }
     } 
 
     let isOn = props.selected === props.index
                 <List component="div" disablePadding>
                         
                     <SubMenuItem selected={selectedIndex} index={5} change={handleListItemClick} title="Crear Prueba" />
-                    <SubMenuItem selected={selectedIndex} index={6} change={handleListItemClick} title="Listado de pruebas" />
+                    <SubMenuItem route="pruebas/listar" change={handleListItemClick} selected={selectedIndex} index={6} change={handleListItemClick} title="Listado de pruebas" />
                     <SubMenuItem selected={selectedIndex} index={7} change={handleListItemClick} title="Aplicar" />
                     <SubMenuItem selected={selectedIndex} index={8} change={handleListItemClick} title="Respuestas" />
                     <SubMenuItem selected={selectedIndex} index={9} change={handleListItemClick} title="Calificaciones" />

psicoadmin/src/Pages/Configuracion.js

+import ProfilePicture from '../Images/man.png';
+
+
 export function Configuracion() {
     return (
-        <h1>Configuraciones</h1>
+        <div id="content" style={{ paddingTop : 100 }}>
+            <div class="content-section">
+                <div class="main">
+                    <h1 class="breadcrumb-header">Configuraciones</h1>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="panel">
+                                <div class="row">
+                                    <div class="col-md-4">
+                                        <div class="img-container">
+                                            <img src={ProfilePicture} alt='profile picture' />
+                                        </div>
+                                    </div>
+                                    <div class="col-md-8">
+                                        <div class="custom-file-upload">
+                                            <input type="file" id="file" name="myfiles[]" multiple readonly />
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col-md-6">
+                                        <div class="inputs_config">
+                                            <p>Datos personales</p>
+                                            <label>Nombre</label>
+                                            <input type="text" name="nombre_user" placeholder="Fernando Vásquez"/>
+                                            <label>Puesto / Profesión</label>
+                                            <input type="text" name="puesto" placeholder="Gerente general"/>
+                                            <label>Dirección</label>
+                                            <input type="text" name="direccion" placeholder="Melbourn, Australia"/>
+                                            <label>Número</label>
+                                            <input type="number" name="numero" placeholder="12345678"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="inputs_config">
+                                            <p>Redes sociales</p>
+                                            <label>Facebook</label>
+                                            <input type="text" name="facebook" placeholder="Link de Facebook"/>
+                                            <label>Linkein</label>
+                                            <input type="text" name="linkedin" placeholder="Link de Linkedin"/>
+                                            <label>Instagram</label>
+                                            <input type="text" name="instagram" placeholder="Link de Instagram"/>
+                                            <label>Correo</label>
+                                            <input type="email" name="instagram" placeholder="Correo electrónico"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="boton_guardar_info">
+                                    <div class="success_btn">
+                                        <a href="#">Guardar</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     )
 }