As an L&D manager, I can see the metrics section in the dashboard to view data based on the total benefits granted

Historia de Usuario

Como Encargado del área de L&D,
puedo ver una sección de métricas según la información de las personas con beneficios
de modo que pueda entender el costo total hasta el momento

Criterio de Aceptación

1. La sección de métricas toma la información mostrada en la tabla y a partir de eso hace los cálculos correspondientes.
2. El "Total Spend" es la suma de todos los gastos de los empleados que retorna el API para la solicitud
3. El "Average spend per GAPster", es el total de dinero invertido dividido entre las personas que están en el listado (promedio).
4. El "Total Benefits" es la suma de todos los beneficios otorgados a todos de los empleados que retorna el API para la solicitud
5. El "Average benefit per GAPster", es el total de beneficios otorgados dividido entre las personas que están en el listado (promedio).

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": "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.