Peer Mentor Detail Screen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
5
Entities
0
Integrations
Description
Full-screen profile view for a peer mentor showing all role-specific attributes including certification status, assignment history, availability, and organisational affiliation. Uses a tabbed layout separating profile info, assignment history, and certification status, with WCAG 2.2 AA compliant status badges.
peer-mentor-detail-screen
Responsibilities
- Display complete peer mentor profile with tabbed sections
- Render status badges (active, paused, expired) with accessible contrast
- Show certification status and expiry information
- Display assignment count and history
- Link to pause management and assignment detail screens
Interfaces
loadMentorProfile(mentorId)
renderProfileTab()
renderAssignmentHistoryTab()
renderCertificationTab()
navigateToPauseScreen()
navigateToAssignmentDetail(assignmentId)
refreshProfileData()
Sub-Components (1)
Status Badge Widget
component
low
Reusable badge rendering active, paused, or uncertified status with WCAG 2.2 AA contrast using the unified entity colour system.
- Render status label with accessible colour contrast
- Support active, paused, and uncertified states
- Emit semantic accessibility labels for screen readers
Related Data Entities (5)
Data entities managed by this component