View Mentor Availability Status Colour Coding on Map Pins
Each Location Pin Widget renders with a colour that reflects the mentor's current availability status pulled from the Availability Repository, integrated with the Peer Mentor Pause & Availability feature. Colours align with the unified entity colour system defined in styles.css. The pin also renders the mentor's initials or avatar for quick identification. Colour legend is accessible via a map legend control. The status colour updates in near-real-time when a mentor's availability changes, using Supabase real-time subscriptions.
User Story
Acceptance Criteria
- Given the map is loaded, when I view the pins, then available mentors have a distinct colour, paused mentors have a different colour, and the colour coding matches the unified entity colour system
- Given a mentor's availability status changes (e.g., a pause is set), when I next view the map, then that mentor's pin colour updates to reflect the new status within the next map load or real-time update cycle
- Given the map is displayed, when I look for a colour legend, then a visible legend or tooltip explains what each pin colour represents
- Given I view a pin, when I look at it, then the mentor's initials or avatar are visible on the pin to aid quick identification in areas with few pins
Business Value
Visual availability coding eliminates the need to tap each pin individually to check status, dramatically reducing the time required to survey available mentors across a large area. This is particularly valuable when a coordinator needs to quickly identify a replacement mentor after the first choice declines an assignment.
Components
- Location Pin Widget ui
- Map View Screen ui
- Geographic Matching Service service
- Location Repository data