Cuando el usuario se está registrando le pedimos país, estado y ciudad. Esto es con campos abiertos y se presta a dedazos o faltas de ortografía que después complican la búsqueda. Para evitar esto, queremos limitar la búsqueda a utilizar campos cerrados cuando sea posible.
Referencias
En google puedes encontrar una lista con el nombre de todos los estados del país.
Criterio de Aceptación
[x] Se creó un componente llamado StateSelect en /src/shared/components
[x] Se agregó una lista con los nombres de los estados a un json en /src/shared/constants
[x] El componente StateSelect recibe un prop onChange que es llamado con el valor seleccionado cuando hay un cambio en el elemento <select>
[x] El componente StateSelect es un <select> cuyas opciones tienen todos los estados de la república
[x] Cada <option> de StateSelect asigna el valor correspondiente al nombre del estado y el texto que muestra es un llamado a la función t con el namespace "states"
[x] Se agregan los comentarios necesarios para que el parser de i18next pueda reconocer y agregar automáticamente a los json las llaves de traducción
Estándares de código
Las variables usan CamelCase y tienen nombres descriptivos
Se utilizó prettier para asegurarse de respetar el formato de código definiado
Los mensajes de los commits explican qué se hizo en menos de 50 caracteres
En caso de modificar algo en src/shared esto se menciona en el Pull Request
Descripción
Cuando el usuario se está registrando le pedimos país, estado y ciudad. Esto es con campos abiertos y se presta a dedazos o faltas de ortografía que después complican la búsqueda. Para evitar esto, queremos limitar la búsqueda a utilizar campos cerrados cuando sea posible.
Referencias
En google puedes encontrar una lista con el nombre de todos los estados del país.
Criterio de Aceptación
StateSelect
en/src/shared/components
/src/shared/constants
StateSelect
recibe un prop onChange que es llamado con el valor seleccionado cuando hay un cambio en el elemento<select>
StateSelect
es un<select>
cuyas opciones tienen todos los estados de la república<option>
deStateSelect
asigna el valor correspondiente al nombre del estado y el texto que muestra es un llamado a la funciónt
con el namespace "states"Estándares de código
src/shared
esto se menciona en el Pull Request