KPI Dashboard Page
Component Detail
User Interface
medium complexity
frontend
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
The admin portal home screen displaying real-time KPI stat cards for coordinators and org admins. Renders skeleton loaders during fetch and applies role-based visibility rules to show team-level, org-wide, or cross-org metrics depending on the authenticated user's role.
kpi-dashboard-page
Responsibilities
- Render role-filtered KPI stat cards (active peer mentors, monthly activities, pending expenses, unread assignments)
- Display skeleton loaders during API fetch and handle partial failure gracefully per card
- Trigger data refresh on page load with short cache TTL (30-60 seconds)
- Apply role-based visibility: coordinator sees team metrics, org admin sees org-wide metrics
Interfaces
KpiDashboardPage()
refreshKpis()
renderKpiCard(kpi: KpiMetric)
handleFetchError(cardId: string)