Pause Toggle Screen
Component Detail
User Interface
low complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Flutter screen presenting a pause toggle control on the peer mentor's profile, guarded by a confirmation dialog before committing the status change. All dialog elements meet WCAG 2.2 AA contrast and touch-target minimums (24x24 CSS-px).
pause-toggle-screen
Sources & reasoning
A dedicated screen is required to surface the pause toggle to the peer mentor and gate the destructive state change behind an explicit confirmation, preventing accidental pauses while keeping the interaction minimal per the low-cognitive-load design principle.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render the current mentor status (active / paused) from Riverpod state
- Show confirmation dialog before triggering pause PATCH request
- Display inline feedback on success or failure with WCAG-compliant contrast
- Hide the screen when peer-mentor-status module toggle is disabled
Interfaces
showPauseConfirmationDialog()
onPauseConfirmed()
onPauseCancelled()
observeStatusState()
Relationships
Dependencies (2)
Components this component depends on