Peer Mentor Profile & Status Screen
Feature Detail
Description
Dedicated detail screen for peer mentors showing their profile, current status (active, paused, expired certification), assigned contacts, and activity summary. Coordinators use this screen to monitor peer mentor availability and compliance. For HLF, this screen must reflect certification expiry and link to course enrollment. The screen aggregates data from multiple sources: peer mentor profile, activity log, certification records (HLF), and assignment history (Blindeforbundet). It provides coordinators a single place to assess whether a peer mentor is ready to receive new assignments.
Analysis
Gives coordinators real-time visibility into peer mentor availability and compliance status. For HLF, prevents assigning uncertified mentors. For Blindeforbundet, tracks open assignments and follow-up deadlines.
Certification status badge should auto-derive from expiry date stored in Supabase. HLF: expired certification should visually flag the card and optionally suppress the mentor from public-facing listings. Use design token color system for status indicators.
Components (209)
Shared Components
These components are reused across multiple features
User Interface (59)
Service Layer (52)
Data Layer (33)
Infrastructure (54)
User Stories (24)
As a As a Peer Mentor (Likeperson)
I want to see all the chapter affiliations associated with my peer mentor account on my profile screen
So that I understand which chapters I am active in, can verify my multi-chapter memberships are correct, and know the scope of contacts and activities available to me
- Given I am on my profile screen, When the chapter-affiliations-panel loads, Then I see a list of all chapters I am affiliated with
- Given I belong to multiple chapters, When the panel loads, Then each chapter entry shows the chapter name and region/organization it belongs to
- Given I have a single chapter affiliation, When the panel loads, Then a single entry is shown without any switcher UI
- +2 more
As a As a Peer Mentor (Likeperson)
I want to access my peer mentor profile and status screen quickly from the main navigation without multiple taps
So that I can check my status, certification, and assignments at any point during my use of the app without losing my current navigation context
- Given I am on any tab in the app, When I navigate to my profile screen, Then I can reach it in at most 2 taps
- Given I am on my profile screen and navigate to another tab, When I navigate back to the profile, Then the profile screen state is preserved (scroll position, expanded panels)
- Given I tap the profile access point from the home screen, When navigation occurs, Then the full peer-mentor-detail-screen-widget loads with all panels visible
- +2 more
As a As a Peer Mentor (Likeperson)
I want to see a summary of my recorded activities on my profile screen, including recent activity count, total hours contributed, and access to my full activity history
So that I can verify that my contributions are being tracked correctly, feel motivated by seeing my cumulative impact, and identify any activities that may have been missed
- Given I am on my profile screen, When the mentor-activity-summary-panel loads, Then I see my total activity count for the last 30 days and for the current year
- Given I am on my profile screen, When the panel loads, Then I see total hours logged this year as a distinct metric
- Given I tap 'View All Activity' in the summary panel, When the navigation executes, Then I see a scrollable activity-history-list with all my logged activities
- +2 more
As a As a Coordinator
I want to see all the chapter affiliations associated with my peer mentor account on my profile screen
So that I understand which chapters I am active in, can verify my multi-chapter memberships are correct, and know the scope of contacts and activities available to me
- Given I am on my profile screen, When the chapter-affiliations-panel loads, Then I see a list of all chapters I am affiliated with
- Given I belong to multiple chapters, When the panel loads, Then each chapter entry shows the chapter name and region/organization it belongs to
- Given I have a single chapter affiliation, When the panel loads, Then a single entry is shown without any switcher UI
- +2 more
As a As a Coordinator
I want to access my peer mentor profile and status screen quickly from the main navigation without multiple taps
So that I can check my status, certification, and assignments at any point during my use of the app without losing my current navigation context
- Given I am on any tab in the app, When I navigate to my profile screen, Then I can reach it in at most 2 taps
- Given I am on my profile screen and navigate to another tab, When I navigate back to the profile, Then the profile screen state is preserved (scroll position, expanded panels)
- Given I tap the profile access point from the home screen, When navigation occurs, Then the full peer-mentor-detail-screen-widget loads with all panels visible
- +2 more
As a As a Coordinator
I want to see a summary of my recorded activities on my profile screen, including recent activity count, total hours contributed, and access to my full activity history
So that I can verify that my contributions are being tracked correctly, feel motivated by seeing my cumulative impact, and identify any activities that may have been missed
- Given I am on my profile screen, When the mentor-activity-summary-panel loads, Then I see my total activity count for the last 30 days and for the current year
- Given I am on my profile screen, When the panel loads, Then I see total hours logged this year as a distinct metric
- Given I tap 'View All Activity' in the summary panel, When the navigation executes, Then I see a scrollable activity-history-list with all my logged activities
- +2 more
As a As a Organization Administrator
I want to see all the chapter affiliations associated with my peer mentor account on my profile screen
So that I understand which chapters I am active in, can verify my multi-chapter memberships are correct, and know the scope of contacts and activities available to me
- Given I am on my profile screen, When the chapter-affiliations-panel loads, Then I see a list of all chapters I am affiliated with
- Given I belong to multiple chapters, When the panel loads, Then each chapter entry shows the chapter name and region/organization it belongs to
- Given I have a single chapter affiliation, When the panel loads, Then a single entry is shown without any switcher UI
- +2 more
As a As a Organization Administrator
I want to access my peer mentor profile and status screen quickly from the main navigation without multiple taps
So that I can check my status, certification, and assignments at any point during my use of the app without losing my current navigation context
- Given I am on any tab in the app, When I navigate to my profile screen, Then I can reach it in at most 2 taps
- Given I am on my profile screen and navigate to another tab, When I navigate back to the profile, Then the profile screen state is preserved (scroll position, expanded panels)
- Given I tap the profile access point from the home screen, When navigation occurs, Then the full peer-mentor-detail-screen-widget loads with all panels visible
- +2 more
As a As a Organization Administrator
I want to see a summary of my recorded activities on my profile screen, including recent activity count, total hours contributed, and access to my full activity history
So that I can verify that my contributions are being tracked correctly, feel motivated by seeing my cumulative impact, and identify any activities that may have been missed
- Given I am on my profile screen, When the mentor-activity-summary-panel loads, Then I see my total activity count for the last 30 days and for the current year
- Given I am on my profile screen, When the panel loads, Then I see total hours logged this year as a distinct metric
- Given I tap 'View All Activity' in the summary panel, When the navigation executes, Then I see a scrollable activity-history-list with all my logged activities
- +2 more
As a As a Peer Mentor (Likeperson)
I want to see a prominent alert banner at the top of my profile when my certification is expiring soon or has expired
So that I am immediately aware of an action I need to take before being automatically removed from the active mentor list and losing my ability to be assigned new contacts
- Given my certification expires in 60 days or less, When I open my profile screen, Then the certification-alert-banner is displayed with amber styling and the exact expiry date
- Given my certification has expired, When I open my profile screen, Then the certification-alert-banner is displayed with red styling, cannot be dismissed, and states I am no longer visible in the chapter directory
- Given the expiry warning banner is displayed, When I tap 'Renew Now', Then I am navigated to the appropriate course enrollment pathway
- +2 more
As a As a Peer Mentor (Likeperson)
I want to see my certification status, issue date, expiry date, and any upcoming renewal requirements clearly on my profile screen
So that I can proactively renew my certification before it expires and avoid being automatically removed from the active mentor list on my chapter's website
- Given I am on my profile screen, When my certification is valid and not expiring within 60 days, Then the certification-status-badge shows a green 'Valid' state with the expiry date
- Given I am on my profile screen, When my certification expires within 60 days, Then the badge shows an amber 'Expiring Soon' state and a certification-alert-banner appears with enrollment instructions
- Given my certification has expired, When I view my profile, Then the badge shows a red 'Expired' state and I see a warning that I am no longer visible in the chapter directory
- +2 more
As a As a Peer Mentor (Likeperson)
I want to see a list of my currently assigned contacts directly on my profile screen, with quick access to each contact's details
So that I can understand my current workload, keep track of who I am responsible for, and quickly navigate to any contact to log activities or view their information
- Given I am on my profile screen, When the assigned-contacts-list loads, Then I see all contacts currently assigned to me with their name and last activity date
- Given I have no assigned contacts, When the assigned-contacts-list loads, Then I see a clear empty state message indicating no contacts are currently assigned
- Given I tap a contact in my assigned list, When the navigation executes, Then I am taken to the contact detail screen for that contact
- +2 more
As a As a Peer Mentor (Likeperson)
I want to temporarily pause my peer mentor status from within my profile screen, providing an expected return date and optional reason
So that I can take a break from mentoring activities without fully resigning, while ensuring my coordinator is automatically informed and my contacts are not left unattended
- Given I am an active peer mentor on my profile screen, When I tap the pause-reactivate-toggle, Then a pause-confirmation-dialog appears asking me to confirm and optionally enter an expected return date
- Given the pause confirmation dialog is open, When I confirm the pause, Then my status changes to 'Paused' and the pause-status-banner appears at the top of my profile
- Given I have just paused, When the action completes, Then the coordinator-notification-service sends a notification to my assigned coordinator with my name and expected return date
- +3 more
As a As a Coordinator
I want to see a prominent alert banner at the top of my profile when my certification is expiring soon or has expired
So that I am immediately aware of an action I need to take before being automatically removed from the active mentor list and losing my ability to be assigned new contacts
- Given my certification expires in 60 days or less, When I open my profile screen, Then the certification-alert-banner is displayed with amber styling and the exact expiry date
- Given my certification has expired, When I open my profile screen, Then the certification-alert-banner is displayed with red styling, cannot be dismissed, and states I am no longer visible in the chapter directory
- Given the expiry warning banner is displayed, When I tap 'Renew Now', Then I am navigated to the appropriate course enrollment pathway
- +2 more
As a As a Coordinator
I want to see my certification status, issue date, expiry date, and any upcoming renewal requirements clearly on my profile screen
So that I can proactively renew my certification before it expires and avoid being automatically removed from the active mentor list on my chapter's website
- Given I am on my profile screen, When my certification is valid and not expiring within 60 days, Then the certification-status-badge shows a green 'Valid' state with the expiry date
- Given I am on my profile screen, When my certification expires within 60 days, Then the badge shows an amber 'Expiring Soon' state and a certification-alert-banner appears with enrollment instructions
- Given my certification has expired, When I view my profile, Then the badge shows a red 'Expired' state and I see a warning that I am no longer visible in the chapter directory
- +2 more
As a As a Coordinator
I want to see a list of my currently assigned contacts directly on my profile screen, with quick access to each contact's details
So that I can understand my current workload, keep track of who I am responsible for, and quickly navigate to any contact to log activities or view their information
- Given I am on my profile screen, When the assigned-contacts-list loads, Then I see all contacts currently assigned to me with their name and last activity date
- Given I have no assigned contacts, When the assigned-contacts-list loads, Then I see a clear empty state message indicating no contacts are currently assigned
- Given I tap a contact in my assigned list, When the navigation executes, Then I am taken to the contact detail screen for that contact
- +2 more
As a As a Coordinator
I want to temporarily pause my peer mentor status from within my profile screen, providing an expected return date and optional reason
So that I can take a break from mentoring activities without fully resigning, while ensuring my coordinator is automatically informed and my contacts are not left unattended
- Given I am an active peer mentor on my profile screen, When I tap the pause-reactivate-toggle, Then a pause-confirmation-dialog appears asking me to confirm and optionally enter an expected return date
- Given the pause confirmation dialog is open, When I confirm the pause, Then my status changes to 'Paused' and the pause-status-banner appears at the top of my profile
- Given I have just paused, When the action completes, Then the coordinator-notification-service sends a notification to my assigned coordinator with my name and expected return date
- +3 more
As a As a Organization Administrator
I want to see a prominent alert banner at the top of my profile when my certification is expiring soon or has expired
So that I am immediately aware of an action I need to take before being automatically removed from the active mentor list and losing my ability to be assigned new contacts
- Given my certification expires in 60 days or less, When I open my profile screen, Then the certification-alert-banner is displayed with amber styling and the exact expiry date
- Given my certification has expired, When I open my profile screen, Then the certification-alert-banner is displayed with red styling, cannot be dismissed, and states I am no longer visible in the chapter directory
- Given the expiry warning banner is displayed, When I tap 'Renew Now', Then I am navigated to the appropriate course enrollment pathway
- +2 more
As a As a Organization Administrator
I want to see my certification status, issue date, expiry date, and any upcoming renewal requirements clearly on my profile screen
So that I can proactively renew my certification before it expires and avoid being automatically removed from the active mentor list on my chapter's website
- Given I am on my profile screen, When my certification is valid and not expiring within 60 days, Then the certification-status-badge shows a green 'Valid' state with the expiry date
- Given I am on my profile screen, When my certification expires within 60 days, Then the badge shows an amber 'Expiring Soon' state and a certification-alert-banner appears with enrollment instructions
- Given my certification has expired, When I view my profile, Then the badge shows a red 'Expired' state and I see a warning that I am no longer visible in the chapter directory
- +2 more
As a As a Organization Administrator
I want to see a list of my currently assigned contacts directly on my profile screen, with quick access to each contact's details
So that I can understand my current workload, keep track of who I am responsible for, and quickly navigate to any contact to log activities or view their information
- Given I am on my profile screen, When the assigned-contacts-list loads, Then I see all contacts currently assigned to me with their name and last activity date
- Given I have no assigned contacts, When the assigned-contacts-list loads, Then I see a clear empty state message indicating no contacts are currently assigned
- Given I tap a contact in my assigned list, When the navigation executes, Then I am taken to the contact detail screen for that contact
- +2 more
As a As a Organization Administrator
I want to temporarily pause my peer mentor status from within my profile screen, providing an expected return date and optional reason
So that I can take a break from mentoring activities without fully resigning, while ensuring my coordinator is automatically informed and my contacts are not left unattended
- Given I am an active peer mentor on my profile screen, When I tap the pause-reactivate-toggle, Then a pause-confirmation-dialog appears asking me to confirm and optionally enter an expected return date
- Given the pause confirmation dialog is open, When I confirm the pause, Then my status changes to 'Paused' and the pause-status-banner appears at the top of my profile
- Given I have just paused, When the action completes, Then the coordinator-notification-service sends a notification to my assigned coordinator with my name and expected return date
- +3 more
As a As a Peer Mentor (Likeperson)
I want to view my complete peer mentor profile including personal details, certification status, and current activity status in a single screen
So that I can quickly assess my standing as a peer mentor and understand what actions or renewals may be required
- 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
- +2 more
As a As a Coordinator
I want to view my complete peer mentor profile including personal details, certification status, and current activity status in a single screen
So that I can quickly assess my standing as a peer mentor and understand what actions or renewals may be required
- 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
- +2 more
As a As a Organization Administrator
I want to view my complete peer mentor profile including personal details, certification status, and current activity status in a single screen
So that I can quickly assess my standing as a peer mentor and understand what actions or renewals may be required
- 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
- +2 more