As a L&D manager, I can see a dashboard with a list of a summary with the education benefits for a GAPster

Historia de Usuario

Como Encargado del área de L&D,
puedo ver una tabla resumen con la información de las personas con beneficios educativos
de modo que pueda llevar tener mejor visibilidad a la hora de la toma de desición

Criterio de Aceptación

1. Para acceder a este dashboard se utiliza la opción del menu principal "My dashboard"
2. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
3. La tabla no realiza ninguna acción al darle click o similar
4. Este listado NO tiene paginación
5. Los filtros y la sección de métricas no forma parte de este ticket
6. Si el URL de la foto de la persona no fuera válido, utilizar una imagen que les parezca util en vez de la imagen de la persona.

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--forms
• 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": "Training,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.