[fix] react warnings

psicoadmin/src/Components/HeaderPruebas.js

@@ -0,0 +1,9 @@
+import Logo from '../Images/logo.png'
+
+export default function HeaderPruebas() {
+    return(
+        <div class="header_prueba">
+            <img alt="header_prueba" src={Logo}/>
+        </div>
+    )
+}

psicoadmin/src/Css/all.css

@@ -1989,6 +1989,7 @@ label {
     transform: rotate(45deg);
     color: #fff;
 }
+
 .modern-Checkbox label {
     color: #fff;
     background-color: #fd4b4b78;
@@ -2025,6 +2026,7 @@ label {
     top: -2px;
     color: #fd4b4b;
 }
+
 .content-section .main p {
     color: #878787;
     /* padding: 0 15px; */

psicoadmin/src/Pages/Profile.js

@@ -3,27 +3,27 @@ import { Col, Row } from 'react-bootstrap'
 
 export function Profile () {
     return (
-        <div class="content-section">
-            <div class="main">
-                <h1 class="breadcrumb-header">Perfil</h1>
+        <div className="content-section">
+            <div className="main">
+                <h1 className="breadcrumb-header">Perfil</h1>
                 <Row>
                     <Col md="12">
-                        <div class="panel">
-                            <Row class="row">
+                        <div className="panel">
+                            <Row className="row">
                                 <Col md="4">
-                                    <div class="img-container">
+                                    <div className="img-container">
                                         <img alt="" src={ProfilePicture}/>
                                     </div>
                                 </Col>
                                 <Col md="8">
-                                    <div class="custom-file-upload">
-                                        <input type="file" id="file" name="myfiles[]" multiple readonly />
+                                    <div className="custom-file-upload">
+                                        <input type="file" id="file" name="myfiles[]" multiple readOnly />
                                     </div>
                                 </Col>
                             </Row>
                             <Row>
                                 <Col md="6">
-                                    <div class="inputs_config">
+                                    <div className="inputs_config">
                                         <p>Datos personales</p>
                                         <label>Nombre</label>
                                         <input type="text" name="nombre_user" placeholder="Fernando Vásquez"/>
@@ -36,7 +36,7 @@ export function Profile () {
                                     </div>
                                 </Col>
                                 <Col md="6">
-                                    <div class="inputs_config">
+                                    <div className="inputs_config">
                                         <p>Redes sociales</p>
                                         <label>Facebook</label>
                                         <input type="text" name="facebook" placeholder="Link de Facebook"/>
@@ -49,8 +49,8 @@ export function Profile () {
                                     </div>
                                 </Col>
                             </Row>
-                            <div class="boton_guardar_info">
-                                <div class="success_btn">
+                            <div className="boton_guardar_info">
+                                <div className="success_btn">
                                     <a href="/">Guardar</a>
                                 </div>
                             </div>

psicoadmin/src/Pages/PruebaNueva.js

@@ -1,13 +1,15 @@
+import HeaderPruebas from '../Components/HeaderPruebas'
+
 export function PruebaNueva() {
     return(
         <section>
-            <div class="content-section">
-                <div class="main">
+            <div className="content-section">
+                <div className="main">
                     <h1>Crear pruebas</h1>
-                    <div class="asignar_usuario">
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="datos_candidato">
+                    <div className="asignar_usuario">
+                        <div className="row">
+                            <div className="col-md-4">
+                                <div className="datos_candidato">
                                     <label>Tipo de prueba</label>
                                     <select>
                                         <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
@@ -17,14 +19,14 @@ export function PruebaNueva() {
                                     </select>
                                 </div>
                             </div>
-                            <div class="col-md-4">
-                                <div class="datos_candidato">
+                            <div className="col-md-4">
+                                <div className="datos_candidato">
                                     <label>Nombre</label>
                                     <input type="text" name="nombre" placeholder="Nombre de la prueba"/>
                                 </div>
                             </div>
-                            <div class="col-md-4">
-                                <div class="datos_candidato">
+                            <div className="col-md-4">
+                                <div className="datos_candidato">
                                     <label>Duración de prueba</label>
                                     <select>
                                         <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
@@ -39,12 +41,12 @@ export function PruebaNueva() {
                             </div>
                         </div>
                     </div>
-                    <div class="body_preguntas">
-                        <div class="botones_preguntas">
+                    <div className="body_preguntas">
+                        <div className="botones_preguntas">
                             <label>Tipo de pregunta</label>
-                            <div class="row">
-                                <div class="col-md-6">
-                                    <div class="datos_candidato">
+                            <div className="row">
+                                <div className="col-md-6">
+                                    <div className="datos_candidato">
                                         <select>
                                             <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
                                             <option>Selección múltiple</option>
@@ -54,29 +56,30 @@ export function PruebaNueva() {
                                         </select>
                                     </div>
                                 </div>
-                                <div class="col-md-6">
-                                    <button class="btn_agregar_pregunta">Añadir pregunta</button>  
+                                <div className="col-md-6">
+                                    <button className="btn_agregar_pregunta">Añadir pregunta</button>  
                                 </div>
                             </div>
                         </div>
                     </div>
-                    <div class="body_prueba_nueva">
-                        <div class="contenedor_pruebas">
+                    <div className="body_prueba_nueva">
+                        <div className="contenedor_pruebas">
+                            <HeaderPruebas/>
                             <h1>Preguntas</h1>
-                            <div class="body_preg_indi">
-                                <div class="titulo_pregunta">
-                                    <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" class="input_pregunta"/>
+                            <div className="body_preg_indi">
+                                <div className="titulo_pregunta">
+                                    <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" className="input_pregunta"/>
                                 </div>
-                                <div class="respuesta_pregunta">
+                                <div className="respuesta_pregunta">
                                     <input type="text" name="respuesta" placeholder="Escribe tu respuesta aquí"/>
                                 </div>
                             </div>
-                            <div class="body_preg_indi">
-                                <div class="titulo_pregunta">
-                                    <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" class="input_pregunta"/>
+                            <div className="body_preg_indi">
+                                <div className="titulo_pregunta">
+                                    <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" className="input_pregunta"/>
                                 </div>
-                                <div class="respuesta_pregunta">
-                                    <div class="radio">
+                                <div className="respuesta_pregunta">
+                                    <div className="radio">
                                         <form>
                                             <input id="true" type="radio" name="gender" value="true" checked="checked"/>
                                             <label for="true">Verdadero</label>
@@ -86,12 +89,12 @@ export function PruebaNueva() {
                                     </div>
                                 </div>
                             </div>
-                            <div class="body_preg_indi">
-                                <div class="titulo_pregunta">
-                                    <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" class="input_pregunta"/>
+                            <div className="body_preg_indi">
+                                <div className="titulo_pregunta">
+                                    <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" className="input_pregunta"/>
                                 </div>
-                                <div class="respuesta_pregunta">
-                                    <div class="radio">
+                                <div className="respuesta_pregunta">
+                                    <div className="radio">
                                         <form>
                                             <input id="opcion1" type="radio" name="gender" value="opcion1"/>
                                             <label for="opcion1">Opción 1</label>
@@ -107,26 +110,26 @@ export function PruebaNueva() {
                                     </div>
                                 </div>
                             </div>
-                            <div class="body_preg_indi">
-                                <div class="titulo_pregunta">                            
-                                    <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" class="input_pregunta"/>
-                                    <div class="button_subir_foto_pregunta">
+                            <div className="body_preg_indi">
+                                <div className="titulo_pregunta">                            
+                                    <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" className="input_pregunta"/>
+                                    <div className="button_subir_foto_pregunta">
                                         <form action="">
-                                            <div class="form-group">
-                                                <label for="upload" class="btn d-inline-block btn-info">Subir imagen</label>
+                                            <div className="form-group">
+                                                <label for="upload" className="btn d-inline-block btn-info">Subir imagen</label>
                                                 <input type="file" name="" id="upload" />
                                             </div>
                                         </form>
                                     </div>
-                                    <div class="img_relaciones">
+                                    <div className="img_relaciones">
                                         <img alt="imagen de prueba" src="images/prueba.png"/>
                                     </div>
                                 </div>
-                                <div class="respuesta_pregunta">
-                                    <div class="button_subir_foto_pregunta">
+                                <div className="respuesta_pregunta">
+                                    <div className="button_subir_foto_pregunta">
                                         <form action="">
-                                            <div class="form-group">
-                                                <label for="upload" class="btn d-inline-block btn-info">Añadir respuesta</label>
+                                            <div className="form-group">
+                                                <label for="upload" className="btn d-inline-block btn-info">Añadir respuesta</label>
                                                 <input type="file" name="" id="upload" />
                                             </div>
                                         </form>
@@ -142,8 +145,8 @@ export function PruebaNueva() {
                                         </div>
                                     </form>
                                 </div>
-                                <div class="form-group-guardar-prueba">
-                                    <input type="button" class="btn d-inline-block btn-info" value="Guardar prueba"/>
+                                <div className="form-group-guardar-prueba">
+                                    <input type="button" className="btn d-inline-block btn-info" value="Guardar prueba"/>
                                 </div>
                             </div>
                         </div>

psicoadmin/src/Pages/Puestos.js

@@ -18,10 +18,25 @@ let data = [{
     nombre : 'Nombre puesto',
     description : 'MingMecca',
     salario :  'Q 10,000',
-
+    id :  0,
 }]
 
-new Array(23).forEach( i =>  data.push(data[0]) )
+function* idMaker() {
+    var index = 1;
+    while(true)
+        yield index++;
+}
+
+var ID = idMaker(); // "Generator { }"
+// let i = 0;
+
+for ( var _ of new Array(23) ){
+    data.push({
+        ...data[0],
+        id : ID.next().value,
+        d : _ 
+    })
+}
 
 function ListMode() {
 
@@ -49,7 +64,7 @@ function ListMode() {
                             data.length ? 
                                 data.map( (plaza, i) => {
                                     return (
-                                        <tr key={i}>
+                                        <tr key={plaza.id}>
                                             <td>{ plaza.nombre }</td>
                                             <td>{ plaza.description }</td>
                                             <td>{ plaza.salario }</td>
@@ -238,7 +253,7 @@ export function Puestos() {
                     </Col>
                     <Col md="6">
                         <div className="add_producto">
-                            <div onClick={() => {console.log('show manual') ; setManual(true) }} className="btn_add_producto"> <a href="/">Agregar manual</a> </div>
+                            <div onClick={() => setManual(true) } className="btn_add_producto"> <a href="/">Agregar manual</a> </div>
                         </div>
                         <div onClick={showExpress} className="add_producto">
                             <div className="btn_add_producto"> <a href="/">Agregar express</a> </div>