Certificate Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
3
Entities
0
Integrations
Description
Displays the peer mentor's digital certificate as a styled card showing certification status, validity dates, issuing organization, and credential details. Includes visual indicators for active, expiring, and expired states, and provides access to sharing and renewal actions.
certificate-screen
Responsibilities
- Render digital certificate card with organization branding and mentor details
- Display certificate validity status with color-coded active/expiring/expired indicators
- Provide share action to export certificate as image or PDF via native share sheet
- Surface renewal prompts when certificate is approaching or past expiry
- Ensure all elements meet WCAG 2.2 AA contrast and touch target requirements
Interfaces
buildCertificateCard(certification)
showExpiryWarning(daysRemaining)
showExpiredState()
triggerShareSheet(certificateData)
navigateToRenewal(certificationTypeId)
refreshCertificateStatus()
displayLoadingState()
displayErrorState(errorMessage)
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (3)
Data entities managed by this component