Skip to content

Commit 51b0c26

Browse files
authored
Merge pull request #3332 from patchamama/patch-15
Update part9e.md
2 parents 0a5d76c + e7105d8 commit 51b0c26

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/content/9/es/part9e.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ El tipo de *onSubmit* es un poco más interesante, tiene un parámetro que tiene
151151
(values: PatientFormValues) => Promise<void>
152152
```
153153

154-
El valor de retorno de una función *async* es una [promesa](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/async_function) con el valor que la función devuelve. Nuestra función no devuelve nada asi que el tipo de retorno apropiado es simplemente _Promise&#60;void&#62;_.
154+
El valor de retorno de una función *async* es una [promesa](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/async_function) con el valor que la función devuelve. Nuestra función no devuelve nada así que el tipo de retorno apropiado es simplemente _Promise&#60;void&#62;_.
155155

156156
</div>
157157

@@ -260,7 +260,7 @@ Todas las entradas parecen tener algunos campos en común, pero algunos campos s
260260
Al observar a *type*, podemos ver que en realidad hay tres tipos de entradas: *OccupationalHealthcare*, *Hospital* y *HealthCheck*.
261261
Esto indica que necesitamos tres tipos diferentes. Dado que todos tienen algunos campos en común, es posible que deseemos crear una interfaz de entrada base que podamos ampliar con los diferentes campos de cada tipo.
262262

263-
Al mirar los datos, parece que los campos *id*, *description*, *date* y *specialist* son algo que se puede encontrar en cada entrada. Además de eso, parece que *diagnosisCodes* solo se encuentran en una entrada de tipo *OccupationalHealthCare* y una de tipo *Hospital*. Dado que no siempre se usa, incluso en esos tipos de entradas, es seguro asumir que el campo es opcional. También podríamos considerar agregarlo al tipo *HealthCheck*, ya que es posible que simplemente no se use en estas entradas específicas.
263+
Al mirar los datos, parece que los campos *id*, *description*, *date* y *specialist* son algo que se puede encontrar en cada entrada. Además de eso, parece que *diagnosisCodes* solo se encuentra en una entrada de tipo *OccupationalHealthCare* y una de tipo *Hospital*. Dado que no siempre se usa, incluso en esos tipos de entradas, es seguro asumir que el campo es opcional. También podríamos considerar agregarlo al tipo *HealthCheck*, ya que es posible que simplemente no se use en estas entradas específicas.
264264

265265
Entonces, nuestra *BaseEntry* desde la que se podría extender cada tipo sería la siguiente:
266266

@@ -301,7 +301,7 @@ interface BaseEntry {
301301

302302
Ahora que tenemos *BaseEntry* definido, podemos comenzar a crear los tipos de entrada extendidos que usaremos. Comencemos por crear el tipo *HealthCheckEntry*.
303303

304-
Las entradas de tipo *HealthCheck* contienen el campo *HealthCheckRating*, que es un número entero de 0 a 3, cero significa *Healthy* (saludable) y tres significa *CriticalRisk* (riesgo critico). Este es un caso perfecto para una definición de enum.
304+
Las entradas de tipo *HealthCheck* contienen el campo *HealthCheckRating*, que es un número entero de 0 a 3, cero significa *Healthy* (saludable) y tres significa *CriticalRisk* (riesgo crítico). Este es un caso perfecto para una definición de enum.
305305
Con estas especificaciones podríamos escribir una definición de tipo *HealthCheckEntry* así:
306306

307307
```js
@@ -372,7 +372,7 @@ Tu solución podría verse así:
372372

373373
#### 9.24: Patientor, paso 5
374374

375-
Obtén y agrega diagnósticos al estado de la aplicación desde el endpoint */api/diagnosis*. Utiliza los nuevos datos de diagnóstico para mostrar las descripciones de los códigos de diagnóstico del paciente:
375+
Obtén y agrega diagnósticos al estado de la aplicación desde el endpoint */api/diagnoses*. Utiliza los nuevos datos de diagnóstico para mostrar las descripciones de los códigos de diagnóstico del paciente:
376376

377377
![navegador mostrando lista de códigos y sus respectivas descripciones para el paciente](../../images/9/42.png)
378378

@@ -402,7 +402,7 @@ Recuerda que tenemos diferentes tipos de entradas en nuestra aplicación, por lo
402402

403403
En este ejercicio probablemente tengas que recordar [este truco](/es/part9/grande_finale_patientor#omit-con-uniones)
404404

405-
Podrías asumir que los códigos de diagnostico son enviados en el formato correcto y utilizar, por ejemplo, el siguiente tipo de parser para extraerlos del body de la solicitud:
405+
Podrías asumir que los códigos de diagnóstico son enviados en el formato correcto y utilizar, por ejemplo, el siguiente tipo de parser para extraerlos del body de la solicitud:
406406

407407
```js
408408
const parseDiagnosisCodes = (object: unknown): Array<Diagnosis['code']> => {
@@ -419,7 +419,7 @@ const parseDiagnosisCodes = (object: unknown): Array<Diagnosis['code']> => {
419419

420420
Ahora que nuestro backend permite agregar entradas, queremos agregar la funcionalidad correspondiente al frontend. En este ejercicio, debes agregar un formulario para agregarle una entrada a un paciente. Un lugar intuitivo para acceder al formulario sería la página del paciente.
421421

422-
En este ejercicio es suficiente **admitir *un* tipo de entrada**. Todos los campos del formulario pueden ser simples inputs de texto, por lo que depende del usuario ingresar valores validos.
422+
En este ejercicio es suficiente **admitir un tipo de entrada**. Todos los campos del formulario pueden ser simples inputs de texto, por lo que depende del usuario ingresar valores validos.
423423

424424
Tras un envío exitoso, la nueva entrada debe agregarse al paciente correcto y las entradas del paciente en la página del paciente deben actualizarse para contener la nueva entrada.
425425

@@ -437,13 +437,13 @@ Amplía tu solución para que admita *todos los tipos de entrada*
437437

438438
#### 9.29: Patientor, paso 10
439439

440-
Mejora el formulario de creación de entradas para que sea más difícil entrar fechas incorrectas, códigos de diagnostico y ratings de salud.
440+
Mejora el formulario de creación de entradas para que sea más difícil entrar fechas incorrectas, códigos de diagnóstico y ratings de salud.
441441

442442
Tu formulario mejorado podría verse de esta manera:
443443

444444
![patientor mostrando ui de calendario elegante](../../images/9/76new.png)
445445

446-
Los códigos de diagnostico ahora se configuran con el elemento de Material UI [multiple select](https://mui.com/material-ui/react-select/#multiple-select) y las fechas con el elemento [Input](https://mui.com/material-ui/api/input/) con el tipo [date](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date).
446+
Los códigos de diagnóstico ahora se configuran con el elemento de Material UI [multiple select](https://mui.com/material-ui/react-select/#multiple-select) y las fechas con el elemento [Input](https://mui.com/material-ui/api/input/) con el tipo [date](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date).
447447

448448
### Envío de ejercicios y obtención de créditos
449449

0 commit comments

Comments
 (0)