Contact Detail Screen
Component Detail
User Interface
medium complexity
mobile
3
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Full-profile screen for a single contact displaying personal information, activity history, assigned peer mentor, and follow-up status. Enforces role-based field visibility by conditionally rendering coordinator-only sensitive fields. Wraps all personal identifier fields with the Readout Warning Widget for screen reader compliance.
contact-detail-screen
Responsibilities
- Render full contact profile fetched from /api/v1/contacts/:id
- Apply role-based conditional rendering to hide coordinator-only sensitive fields from peer mentors
- Wrap personal identifier fields (name, address, phone, ID) with Readout Warning Widget
- Display linked activity history and assigned peer mentor reference
- Provide navigation entry point to Contact Edit Screen for authorised users
Interfaces
ContactDetailScreen({required String contactId})
onEditTapped()
onActivityTapped(String activityId)
onPeerMentorTapped(String userId)
Relationships
Dependencies (3)
Components this component depends on
Related Data Entities (2)
Data entities managed by this component