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 países en español, inglés, somalí y armenio. Sin embargo, y no me odies por esto, necesito que lo hagas de una forma poco conveniente pero que nos va a ayudar al momento de traducir. Más detalles en el criterio de aceptación.
Criterio de Aceptación
[x] Se agregó una lista con los códigos ISO 3166-1 alpha 2 a un json en /src/shared/constants
[x] Se creó un componente llamado CountrySelect en /src/shared/components
[x] El componente CountrySelect recibe un prop onChange que es llamado con el valor seleccionado cuando hay un cambio en el elemento <select>
[x] El componente CountrySelect es un <select> cuyas opciones tienen todos los países
[x] Cada <option> de CountrySelect asigna el valor correspondiente según el estándar ISO 3166-1 alpha 2 y el texto que muestra es un llamado a la función t con el namespace "country"
[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
[x] El nombre en español de cada país es asignado en el json correspondiente a la versión en español
[x] México sale hasta arriba de la lista cuando se abre el select
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 definido
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 países en español, inglés, somalí y armenio. Sin embargo, y no me odies por esto, necesito que lo hagas de una forma poco conveniente pero que nos va a ayudar al momento de traducir. Más detalles en el criterio de aceptación.
Criterio de Aceptación
/src/shared/constantsCountrySelecten/src/shared/componentsCountrySelectrecibe un prop onChange que es llamado con el valor seleccionado cuando hay un cambio en el elemento<select>CountrySelectes un<select>cuyas opciones tienen todos los países<option>deCountrySelectasigna el valor correspondiente según el estándar ISO 3166-1 alpha 2 y el texto que muestra es un llamado a la funcióntcon el namespace "country"Estándares de código
src/sharedesto se menciona en el Pull Request