Proporcionar un mecanismo para buscar rápidamente una actividad.
:technologist: Notas para el desarrollo
El filtrado sería 100% en el frontend, con un input que permita escribir cualquier cosa y filtre la lista, mirando si el nombre de la actividad o su espacio contienen al string ingresado. Por ejemplo, si escribo "pla" debería aparecerme una actividad que ocurra en el _pla_yón o que se llame "Taller de reciclaje _plá_stico" (notar que debería funcionar incluso si la letra tiene acentos).
En caso de que la búsqueda filtre todas las actividades, mostrar un mensaje tipo "No se encontró ninguna actividad o espacio relacionado a tu búsqueda". Todo esto debería ocurrir mientras el usuario escribe - sale sin mucho esfuerzo si se usa un useState para el término de búsqueda y una función que filtre lo que devuelve el selector de Recoil según ese criterio. 👀 Ojo: no meter un estado nuevo para la lista filtrada porque no se va a actualizar nunca, manejarlo con una función (ver, por ejemplo, cómo está hecho el ocultar registrados en la vista del bedel).
Queda librado a su imaginación dónde poner el input de search. Creo que podría quedar bien debajo del título "Actividades". Ponerle un placeholder que explique que se puede buscar por nombre de actividad o de espacio.
:heavy_check_mark: Objetivos
Proporcionar un mecanismo para buscar rápidamente una actividad.
:technologist: Notas para el desarrollo
El filtrado sería 100% en el frontend, con un input que permita escribir cualquier cosa y filtre la lista, mirando si el nombre de la actividad o su espacio contienen al string ingresado. Por ejemplo, si escribo "pla" debería aparecerme una actividad que ocurra en el _pla_yón o que se llame "Taller de reciclaje _plá_stico" (notar que debería funcionar incluso si la letra tiene acentos).
En caso de que la búsqueda filtre todas las actividades, mostrar un mensaje tipo "No se encontró ninguna actividad o espacio relacionado a tu búsqueda". Todo esto debería ocurrir mientras el usuario escribe - sale sin mucho esfuerzo si se usa un
useStatepara el término de búsqueda y una función que filtre lo que devuelve el selector de Recoil según ese criterio. 👀 Ojo: no meter un estado nuevo para la lista filtrada porque no se va a actualizar nunca, manejarlo con una función (ver, por ejemplo, cómo está hecho el ocultar registrados en la vista del bedel).Queda librado a su imaginación dónde poner el input de search. Creo que podría quedar bien debajo del título "Actividades". Ponerle un placeholder que explique que se puede buscar por nombre de actividad o de espacio.
:link: Material útil
Diacritics - package para sacar los acentos de un string