View Individual Certificate Card with Full Details
The Certificate Card Widget renders a detailed view of an individual certification record. For peer mentors, this provides personal certificate information with download and digital presentation actions. For coordinators, this provides visibility into a specific mentor's certificate record when reviewing their profile. The card includes all certificate metadata, the current validity status with a colour-coded indicator, a download button for the digital certificate asset (PDF or image), and a 'Present' action for in-person verification. The physical card issuance flag is displayed as a status badge. Supabase RLS policies ensure that peer mentors can only read their own records while coordinators can read any record within their organizational scope.
User Story
Acceptance Criteria
- Given a user taps on a certificate card, when the detail view opens, then the certificate name, issuing body, issue date, expiry date, and associated course are all displayed
- Given the certificate detail view is open, when the certificate has a digital asset (PDF or image) stored, then a 'Download' button is visible and generates a signed URL for secure access
- Given the certificate detail view is open, when the 'Present' action is tapped, then the certificate asset is displayed in full-screen mode suitable for in-person presentation
- Given the certificate detail view is open, when the physical card has been issued, then a 'Physical card issued' badge is displayed; when it has not been issued, a 'Physical card pending' badge is shown
- Given a coordinator views a peer mentor's certificate detail, when the certificate is within their organizational scope, then the full certificate record is accessible
- Given a peer mentor views a certificate detail, when they attempt to access another mentor's certificate, then a permission error is returned and the record is not displayed
Business Value
Providing complete certificate details in a single view reduces friction for peer mentors verifying their credentials and for coordinators auditing certification status. The download and present actions enable digital certificates to be used in practical field situations, reducing dependence on physical documents.
Components
- Certificate Card Widget ui
- Certificate Service service
- Certificate Repository data
- Certificate Storage infrastructure