首页 探索 帮助
注册 登录
SuperAdminQA
/
psicoadmin
关注 1
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 372 版本发布 0 Wiki
浏览代码

[fix] react warnings

amenpunk 3 年之前
父节点
4d9d9f8a00
当前提交
59af9fa616
共有 5 个文件被更改，包括 91 次插入 和 62 次删除
分列视图 显示文件统计
  1. 9 0
      psicoadmin/src/Components/HeaderPruebas.js
  2. 2 0
      psicoadmin/src/Css/all.css
  3. 12 12
      psicoadmin/src/Pages/Profile.js
  4. 49 46
      psicoadmin/src/Pages/PruebaNueva.js
  5. 19 4
      psicoadmin/src/Pages/Puestos.js

+ 9 - 0
psicoadmin/src/Components/HeaderPruebas.js
查看文件 

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

+ 2 - 0
psicoadmin/src/Css/all.css
查看文件 

@@ -1989,6 +1989,7 @@ label {
1989 1989 
     transform: rotate(45deg);
1990 1990 
     color: #fff;
1991 1991 
 }
1992 
+
1992 1993 
 .modern-Checkbox label {
1993 1994 
     color: #fff;
1994 1995 
     background-color: #fd4b4b78;
 
@@ -2025,6 +2026,7 @@ label {
2025 2026 
     top: -2px;
2026 2027 
     color: #fd4b4b;
2027 2028 
 }
2029 
+
2028 2030 
 .content-section .main p {
2029 2031 
     color: #878787;
2030 2032 
     /* padding: 0 15px; */

+ 12 - 12
psicoadmin/src/Pages/Profile.js
查看文件 

@@ -3,27 +3,27 @@ import { Col, Row } from 'react-bootstrap'
3 3
4 4 
 export function Profile () {
5 5 
     return (
6 
-        <div class="content-section">
7 
-            <div class="main">
8 
-                <h1 class="breadcrumb-header">Perfil</h1>
6 
+        <div className="content-section">
7 
+            <div className="main">
8 
+                <h1 className="breadcrumb-header">Perfil</h1>
9 9 
                 <Row>
10 10 
                     <Col md="12">
11 
-                        <div class="panel">
12 
-                            <Row class="row">
11 
+                        <div className="panel">
12 
+                            <Row className="row">
13 13 
                                 <Col md="4">
14 
-                                    <div class="img-container">
14 
+                                    <div className="img-container">
15 15 
                                         <img alt="" src={ProfilePicture}/>
16 16 
                                     </div>
17 17 
                                 </Col>
18 18 
                                 <Col md="8">
19 
-                                    <div class="custom-file-upload">
20 
-                                        <input type="file" id="file" name="myfiles[]" multiple readonly />
19 
+                                    <div className="custom-file-upload">
20 
+                                        <input type="file" id="file" name="myfiles[]" multiple readOnly />
21 21 
                                     </div>
22 22 
                                 </Col>
23 23 
                             </Row>
24 24 
                             <Row>
25 25 
                                 <Col md="6">
26 
-                                    <div class="inputs_config">
26 
+                                    <div className="inputs_config">
27 27 
                                         <p>Datos personales</p>
28 28 
                                         <label>Nombre</label>
29 29 
                                         <input type="text" name="nombre_user" placeholder="Fernando Vásquez"/>
 
@@ -36,7 +36,7 @@ export function Profile () {
36 36 
                                     </div>
37 37 
                                 </Col>
38 38 
                                 <Col md="6">
39 
-                                    <div class="inputs_config">
39 
+                                    <div className="inputs_config">
40 40 
                                         <p>Redes sociales</p>
41 41 
                                         <label>Facebook</label>
42 42 
                                         <input type="text" name="facebook" placeholder="Link de Facebook"/>
 
@@ -49,8 +49,8 @@ export function Profile () {
49 49 
                                     </div>
50 50 
                                 </Col>
51 51 
                             </Row>
52 
-                            <div class="boton_guardar_info">
53 
-                                <div class="success_btn">
52 
+                            <div className="boton_guardar_info">
53 
+                                <div className="success_btn">
54 54 
                                     <a href="/">Guardar</a>
55 55 
                                 </div>
56 56 
                             </div>

+ 49 - 46
psicoadmin/src/Pages/PruebaNueva.js
查看文件 

@@ -1,13 +1,15 @@
1 
+import HeaderPruebas from '../Components/HeaderPruebas'
2 
+
1 3 
 export function PruebaNueva() {
2 4 
     return(
3 5 
         <section>
4 
-            <div class="content-section">
5 
-                <div class="main">
6 
+            <div className="content-section">
7 
+                <div className="main">
6 8 
                     <h1>Crear pruebas</h1>
7 
-                    <div class="asignar_usuario">
8 
-                        <div class="row">
9 
-                            <div class="col-md-4">
10 
-                                <div class="datos_candidato">
9 
+                    <div className="asignar_usuario">
10 
+                        <div className="row">
11 
+                            <div className="col-md-4">
12 
+                                <div className="datos_candidato">
11 13 
                                     <label>Tipo de prueba</label>
12 14 
                                     <select>
13 15 
                                         <option selected disabled>Selecciona el tipo de prueba que deseas añadir</option>
 
@@ -17,14 +19,14 @@ export function PruebaNueva() {
17 19 
                                     </select>
18 20 
                                 </div>
19 21 
                             </div>
20 
-                            <div class="col-md-4">
21 
-                                <div class="datos_candidato">
22 
+                            <div className="col-md-4">
23 
+                                <div className="datos_candidato">
22 24 
                                     <label>Nombre</label>
23 25 
                                     <input type="text" name="nombre" placeholder="Nombre de la prueba"/>
24 26 
                                 </div>
25 27 
                             </div>
26 
-                            <div class="col-md-4">
27 
-                                <div class="datos_candidato">
28 
+                            <div className="col-md-4">
29 
+                                <div className="datos_candidato">
28 30 
                                     <label>Duración de prueba</label>
29 31 
                                     <select>
30 32 
                                         <option selected disabled>Selecciona el tiempo de duración de la prueba</option>
 
@@ -39,12 +41,12 @@ export function PruebaNueva() {
39 41 
                             </div>
40 42 
                         </div>
41 43 
                     </div>
42 
-                    <div class="body_preguntas">
43 
-                        <div class="botones_preguntas">
44 
+                    <div className="body_preguntas">
45 
+                        <div className="botones_preguntas">
44 46 
                             <label>Tipo de pregunta</label>
45 
-                            <div class="row">
46 
-                                <div class="col-md-6">
47 
-                                    <div class="datos_candidato">
47 
+                            <div className="row">
48 
+                                <div className="col-md-6">
49 
+                                    <div className="datos_candidato">
48 50 
                                         <select>
49 51 
                                             <option selected disabled>Selecciona el tipo de pregunta que deseas añadir</option>
50 52 
                                             <option>Selección múltiple</option>
 
@@ -54,29 +56,30 @@ export function PruebaNueva() {
54 56 
                                         </select>
55 57 
                                     </div>
56 58 
                                 </div>
57 
-                                <div class="col-md-6">
58 
-                                    <button class="btn_agregar_pregunta">Añadir pregunta</button>
59 
+                                <div className="col-md-6">
60 
+                                    <button className="btn_agregar_pregunta">Añadir pregunta</button>
59 61 
                                 </div>
60 62 
                             </div>
61 63 
                         </div>
62 64 
                     </div>
63 
-                    <div class="body_prueba_nueva">
64 
-                        <div class="contenedor_pruebas">
65 
+                    <div className="body_prueba_nueva">
66 
+                        <div className="contenedor_pruebas">
67 
+                            <HeaderPruebas/>
65 68 
                             <h1>Preguntas</h1>
66 
-                            <div class="body_preg_indi">
67 
-                                <div class="titulo_pregunta">
68 
-                                    <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" class="input_pregunta"/>
69 
+                            <div className="body_preg_indi">
70 
+                                <div className="titulo_pregunta">
71 
+                                    <span>Pregunta 1</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta directa aquí" className="input_pregunta"/>
69 72 
                                 </div>
70 
-                                <div class="respuesta_pregunta">
73 
+                                <div className="respuesta_pregunta">
71 74 
                                     <input type="text" name="respuesta" placeholder="Escribe tu respuesta aquí"/>
72 75 
                                 </div>
73 76 
                             </div>
74 
-                            <div class="body_preg_indi">
75 
-                                <div class="titulo_pregunta">
76 
-                                    <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" class="input_pregunta"/>
77 
+                            <div className="body_preg_indi">
78 
+                                <div className="titulo_pregunta">
79 
+                                    <span>Pregunta 2</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta verdadero y falso" className="input_pregunta"/>
77 80 
                                 </div>
78 
-                                <div class="respuesta_pregunta">
79 
-                                    <div class="radio">
81 
+                                <div className="respuesta_pregunta">
82 
+                                    <div className="radio">
80 83 
                                         <form>
81 84 
                                             <input id="true" type="radio" name="gender" value="true" checked="checked"/>
82 85 
                                             <label for="true">Verdadero</label>
 
@@ -86,12 +89,12 @@ export function PruebaNueva() {
86 89 
                                     </div>
87 90 
                                 </div>
88 91 
                             </div>
89 
-                            <div class="body_preg_indi">
90 
-                                <div class="titulo_pregunta">
91 
-                                    <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" class="input_pregunta"/>
92 
+                            <div className="body_preg_indi">
93 
+                                <div className="titulo_pregunta">
94 
+                                    <span>Pregunta 3</span><input type="text" name="pregunta" placeholder="Escribe tu pregunta selección múltiple" className="input_pregunta"/>
92 95 
                                 </div>
93 
-                                <div class="respuesta_pregunta">
94 
-                                    <div class="radio">
96 
+                                <div className="respuesta_pregunta">
97 
+                                    <div className="radio">
95 98 
                                         <form>
96 99 
                                             <input id="opcion1" type="radio" name="gender" value="opcion1"/>
97 100 
                                             <label for="opcion1">Opción 1</label>
 
@@ -107,26 +110,26 @@ export function PruebaNueva() {
107 110 
                                     </div>
108 111 
                                 </div>
109 112 
                             </div>
110 
-                            <div class="body_preg_indi">
111 
-                                <div class="titulo_pregunta">
112 
-                                    <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" class="input_pregunta"/>
113 
-                                    <div class="button_subir_foto_pregunta">
113 
+                            <div className="body_preg_indi">
114 
+                                <div className="titulo_pregunta">
115 
+                                    <span>Pregunta 4</span><input type="text" name="pregunta" placeholder="Ve la siguiente imagen y encuentra la faltante" className="input_pregunta"/>
116 
+                                    <div className="button_subir_foto_pregunta">
114 117 
                                         <form action="">
115 
-                                            <div class="form-group">
116 
-                                                <label for="upload" class="btn d-inline-block btn-info">Subir imagen</label>
118 
+                                            <div className="form-group">
119 
+                                                <label for="upload" className="btn d-inline-block btn-info">Subir imagen</label>
117 120 
                                                 <input type="file" name="" id="upload" />
118 121 
                                             </div>
119 122 
                                         </form>
120 123 
                                     </div>
121 
-                                    <div class="img_relaciones">
124 
+                                    <div className="img_relaciones">
122 125 
                                         <img alt="imagen de prueba" src="images/prueba.png"/>
123 126 
                                     </div>
124 127 
                                 </div>
125 
-                                <div class="respuesta_pregunta">
126 
-                                    <div class="button_subir_foto_pregunta">
128 
+                                <div className="respuesta_pregunta">
129 
+                                    <div className="button_subir_foto_pregunta">
127 130 
                                         <form action="">
128 
-                                            <div class="form-group">
129 
-                                                <label for="upload" class="btn d-inline-block btn-info">Añadir respuesta</label>
131 
+                                            <div className="form-group">
132 
+                                                <label for="upload" className="btn d-inline-block btn-info">Añadir respuesta</label>
130 133 
                                                 <input type="file" name="" id="upload" />
131 134 
                                             </div>
132 135 
                                         </form>
 
@@ -142,8 +145,8 @@ export function PruebaNueva() {
142 145 
                                         </div>
143 146 
                                     </form>
144 147 
                                 </div>
145 
-                                <div class="form-group-guardar-prueba">
146 
-                                    <input type="button" class="btn d-inline-block btn-info" value="Guardar prueba"/>
148 
+                                <div className="form-group-guardar-prueba">
149 
+                                    <input type="button" className="btn d-inline-block btn-info" value="Guardar prueba"/>
147 150 
                                 </div>
148 151 
                             </div>
149 152 
                         </div>

+ 19 - 4
psicoadmin/src/Pages/Puestos.js
查看文件 

@@ -18,10 +18,25 @@ let data = [{
18 18 
     nombre : 'Nombre puesto',
19 19 
     description : 'MingMecca',
20 20 
     salario :  'Q 10,000',
21 
-
21 
+    id :  0,
22 22 
 }]
23 23
24 
-new Array(23).forEach( i =>  data.push(data[0]) )
24 
+function* idMaker() {
25 
+    var index = 1;
26 
+    while(true)
27 
+        yield index++;
28 
+}
29 
+
30 
+var ID = idMaker(); // "Generator { }"
31 
+// let i = 0;
32 
+
33 
+for ( var _ of new Array(23) ){
34 
+    data.push({
35 
+        ...data[0],
36 
+        id : ID.next().value,
37 
+        d : _
38 
+    })
39 
+}
25 40
26 41 
 function ListMode() {
27 42 
 
@@ -49,7 +64,7 @@ function ListMode() {
49 64 
                             data.length ?
50 65 
                                 data.map( (plaza, i) => {
51 66 
                                     return (
52 
-                                        <tr key={i}>
67 
+                                        <tr key={plaza.id}>
53 68 
                                             <td>{ plaza.nombre }</td>
54 69 
                                             <td>{ plaza.description }</td>
55 70 
                                             <td>{ plaza.salario }</td>
 
@@ -238,7 +253,7 @@ export function Puestos() {
238 253 
                     </Col>
239 254 
                     <Col md="6">
240 255 
                         <div className="add_producto">
241 
-                            <div onClick={() => {console.log('show manual') ; setManual(true) }} className="btn_add_producto"> <a href="/">Agregar manual</a> </div>
256 
+                            <div onClick={() => setManual(true) } className="btn_add_producto"> <a href="/">Agregar manual</a> </div>
242 257 
                         </div>
243 258 
                         <div onClick={showExpress} className="add_producto">
244 259 
                             <div className="btn_add_producto"> <a href="/">Agregar express</a> </div>