Assignment Counter Widget
Component Detail
User Interface
medium complexity
frontendmobile
1
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Displays the peer mentor's current assignment count and visual progress toward the next honorarium threshold tier. Renders a progress indicator showing distance to the next tier boundary (3rd and 15th assignments) and highlights when a new tier has been reached.
assignment-counter-widget
Responsibilities
- Render current assignment count and tier status
- Display visual progress bar toward next threshold
- Show threshold tier labels and honorarium rate context
- Trigger tier-reached celebration state when boundary is crossed
Interfaces
AssignmentCounterWidget({peerMentorId, currentCount, thresholds})
renderProgressBar(current, nextThreshold)
renderTierBadge(tierLevel)
renderThresholdReachedBanner(tierLabel)
onRefresh()
Relationships
Related Data Entities (2)
Data entities managed by this component