View Own Peer Mentor Profile Overview
When a peer mentor navigates to their profile screen, they should see a consolidated view of all relevant information: their name, profile photo, chapter affiliations, current active/paused status, certification status with expiry date, a summary of recent activity, and their list of currently assigned contacts. The profile header should prominently display the mentor's identity and overall health of their mentor status so they can act on any alerts immediately.
User Story
Audience Summaries
The peer mentor profile overview is the highest-value self-service screen in the platform. It is the primary touchpoint through which volunteer mentors monitor their own engagement health, certification compliance, and assignment load — all factors that determine whether they remain active and effective contributors to HLF's chapter network. Without this consolidated view, mentors rely on coordinators for status updates, creating unnecessary overhead and reactive support workflows. A well-designed profile screen reduces coordinator burden, improves volunteer autonomy and satisfaction, and proactively surfaces compliance risks before they trigger automated removal from chapter directories.
This story is foundational to volunteer retention and operational scalability across all HLF chapters.
This critical-priority story is a foundational screen with no declared dependencies, making it a strong early-sprint candidate. However, delivery complexity is substantial: the screen integrates at least four distinct data sources — identity/photo, chapter affiliation, certification status, and activity metrics (30/90 day windows).
Each widget (peer-mentor-profile-header, certification-status-badge, certification-alert-banner, mentor-activity-summary-panel) should be scoped as an independently testable unit. UAT must cover all badge states (active, paused, current, expiring, expired) and verify activity counts aggregate correctly across date windows. The certification-alert-banner trigger threshold of 30 days on this screen differs from the 60-day threshold in story 662, which requires alignment with product to confirm intentionality and avoid inconsistent UX across screens.
This screen composes multiple sub-components that must be wired to separate data sources. The peer-mentor-profile-header reads identity fields (name, photo URL, chapter affiliation) from the mentor profile record. The status badge derives its color-coded state from the mentor's active/paused boolean. The certification-status-badge reads expiry date and computes one of three states (current, expiring, expired) — note this screen uses a 30-day threshold for the alert banner trigger, which differs from story 662's 60-day threshold and must be confirmed as intentional.
The mentor-activity-summary-panel requires aggregated activity counts over 30 and 90-day rolling windows, which may need a dedicated API endpoint or a client-side filter over the activity log. Ensure photo loading handles null/missing URL gracefully with a fallback avatar.
Acceptance Criteria
- Given I am logged in as a peer mentor, When I navigate to my profile screen, Then I see the peer-mentor-profile-header widget displaying my name, photo, and chapter affiliation
- Given I am on the profile screen, When the screen loads, Then my current status (active or paused) is displayed prominently with a color-coded badge
- Given I have certifications on file, When I view my profile, Then the certification-status-badge shows current/expiring/expired state with exact expiry date
- Given I am on my profile screen, When certification is expiring within 30 days, Then a certification-alert-banner is shown at the top of the screen with a renewal call-to-action
- Given I am on my profile screen, When the screen loads, Then the mentor-activity-summary-panel shows my total activities in the last 30 and 90 days
Business Value
The profile overview is the primary self-management touchpoint for peer mentors. Without clear visibility into their own status, certification health, and activity summary, peer mentors cannot proactively manage their engagement or avoid lapses such as expired certifications causing automatic removal from chapter directories. This directly reduces coordinator overhead and improves volunteer retention.
Components
- Peer Mentor Detail Screen ui
- Peer Mentor Profile Header ui
- Certification Status Badge ui
- Certification Alert Banner ui
- Mentor Activity Summary Panel ui
- Peer Mentor Detail BLoC service
- Peer Mentor Profile Aggregation Service service
- Peer Mentor Repository data
- Supabase Client Provider infrastructure
- Organization Labels Provider infrastructure
- Design Token Theme infrastructure