As a L&D admin, I can filter the dashboard items by name

Como encargado del área de L&D, puedo filtrar los elementos del dashboard escribiendo el nombre de la persona utilizando la opción de “search”. Esta tarea únicamente afecta la visualización de la información en la tabla.

User Story

Como encargado del área de L&D,
Puedo filtrar los elementos del dashboard escribiendo el nombre de la persona De modo que pueda limitar la información que puedo visualizar

Criterios de Aceptación

1. El filtro se debe de aplicar al escribir una palabra en el campo de Search
2. La tabla se filtra sin necesidad de hacer ningún llamado adicional al API
3. El texto digitado en el campo de búsqueda únicamente busca en la información del nombre del empleado. El resto de espacios de la tabla no pueden utilizarse para buscar información.
4. El filtrado se realiza luego que se ha digitado 3 caracteres
5. Al digitarse cualquier caracter aparece un botón de "clear" al lado de la barra de filtro para eliminar el filtro escrito

Recursos:

• URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
• Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
• Respuesta de ejemplo del API:

{
  "data":[
    {
        "employee": {
            "id": "828b925e-e96a-4b93-9128-c260950c7b2b",
            "full_name": "Rodrigo Rodriguez Ramirez",
            "email": "rrodriguez@growthaccelerationpartners.com",
            "photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
        },
        "education_areas": "Technology,Courses",
        "total_expenses": 50.0,
        "total_benefits": 2        
    }
  ]
}

Notas

• La imagen de debajo es para fines ilustrativos y para usar de guía. A nivel general, lo más importante es que el diseño de la tabla coincida con el diseño de la guía de diseño.