Availability Toggle Widget
Component Detail
User Interface
low complexity
mobilefrontend
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Compact inline widget providing a quick availability toggle usable from the peer mentor's profile or home screen. Renders as a labelled switch or pill button with color-coded status. Emits state change events via BLoC and shows a lightweight confirmation sheet before applying pause to avoid accidental taps.
availability-toggle-widget
Responsibilities
- Render current availability status as a labelled toggle
- Emit pause or resume events to BLoC on interaction
- Display confirmation bottom sheet before pausing
- Apply WCAG 2.2 AA compliant contrast and touch targets
Interfaces
renderToggle(status: AvailabilityStatus)
onToggleChanged(newStatus)
showConfirmationSheet(action)
dismissConfirmationSheet()
setLoading(bool)
showErrorSnackbar(message)
Related Data Entities (1)
Data entities managed by this component