Certificate Display Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Full-screen presentation of the peer mentor's digital certificate, styled as a prestige card using the design token system. Displays the mentor's name, issuing organization, course, issue date, expiry date, and certification status prominently. Supports a share action to export or present the certificate as proof of active credential.
certificate-display-screen
Responsibilities
- Render certificate data as a visually distinct prestige card
- Show certificate status (active, expiring soon, expired) with appropriate visual treatment
- Provide share/export action for the certificate
- Display issuing organization and course linkage
- Handle empty state when no certificate has been issued
Interfaces
loadCertificate(userId)
renderCertificateCard(certificate)
showExpiryWarning(daysRemaining)
triggerShareFlow(certificate)
showExpiredState()
showNoCertificateState()
refreshCertificateStatus()
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (2)
Data entities managed by this component