See Certification Status Badge on My Profile
The peer mentor profile header and detail screen should display a certification status badge that dynamically reflects the current certification state (Active, Expiring Soon, Expired). This badge should be color-coded using the design token system and accessible to screen readers with appropriate semantic labels. The badge should be tappable, navigating to the full certification status screen for more detail. This creates a consistent visibility of certification status across the app without requiring deliberate navigation.
User Story
Acceptance Criteria
- Given I have an active certification, when I view my peer mentor profile or detail screen, then I see a green 'Certified' badge near my name or role label
- Given my certification expires within 60 days, when I view my profile, then the badge changes to amber and displays 'Expiring Soon' with the expiry date as a subtitle
- Given my certification has expired, when I view my profile, then the badge displays a red 'Expired' label with the expiry date
- Given I tap the certification badge on my profile, when the navigation fires, then I am taken directly to the certification status screen
- Given I am using a screen reader, when the certification badge is focused, then the screen reader announces the full certification status including the expiry date in a human-readable format (e.g., 'Certified, expires March 15 2027')
Business Value
Surfacing certification status directly on the profile provides immediate at-a-glance confirmation for both peer mentors and coordinators who may view the profile. It reduces the cognitive overhead of tracking certification separately from identity, making the certified status feel like a natural, integrated part of the peer mentor's role rather than an administrative concern to be managed in a silo.
Components
- Certification Status Badge ui
- Peer Mentor Profile Header ui
- Peer Mentor Detail Screen ui
- Peer Mentor Detail BLoC service
- Certification Status Derivation Service service
- Certification Record Repository data
- Design Token Theme infrastructure
- Semantics Wrapper Widget ui