Annual Summary Screen
Component Detail
User Interface
high complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Full-screen animated presentation that showcases the peer mentor's yearly contributions in a Spotify Wrapped-style story format. Displays slide-by-slide animated sequences covering activities, contacts supported, hours contributed, and impact metrics. Includes a static fallback view for users with reduced-motion preferences (WCAG 2.2 AA).
annual-summary-screen
Responsibilities
- Render animated slide sequences using Rive or Lottie packages
- Provide static fallback for reduced-motion system preference
- Handle share action to export summary as image or PDF
- Display year selector and trigger annual summary loading
Interfaces
loadAnnualSummary(userId, year)
playAnimation()
pauseAnimation()
navigateToSlide(index)
shareSummary(format)
showStaticFallback()
checkReducedMotionPreference()
onSummaryLoaded(summary)
onShareComplete(result)
Relationships
Dependencies (2)
Components this component depends on