BadgeWidget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
A compact inline widget that surfaces recently earned badges on the dashboard or activity summary screen. It shows the latest one to three badge icons with an animated unlock effect when a new badge is awarded. Tapping the widget navigates to the full BadgeCollectionScreen.
badge-widget
Sources & reasoning
Statusbadges are explicitly named alongside the Wrapped concept in workshop output at line 76. The priority matrix (line 149) places the gamification cluster as NICE TO HAVE in Phase 3. The Phase 3 roadmap at line 353 groups badges with Wrapped and Advantage Calculator, normalizing to v1.1.
-
docs/source/likeperson.md · line 76Tre organisasjoner er inspirert av Spotify Wrapped og ønsker en funksjon som viser likepersonens bidrag over tid - «Din likepersonsårek». Målet er å gi frivillige stolthet og motivasjon, og gjøre usynlig innsats synlig. Også nevnt: «Årets koordinator
-
docs/source/likeperson.md · line 149| Gamification / Spotify Wrapped | ✓ | ✓ | - | ✓ | ✓ | NICE TO HAVE | 3 |
-
docs/source/likeperson.md · line 353Gamification / «Ditt likepersonsår» (Wrapped, badges, Advantage Calculator)
Responsibilities
- Display the most recently earned badges as small icon thumbnails
- Play a brief unlock animation when a new badge is detected
- Provide a tap target that routes to BadgeCollectionScreen
- Poll or subscribe to badge-earned events to stay current without a full reload
Interfaces
getRecentBadges(mentorId: string, limit: number): Promise<BadgeSummary[]>
onBadgeEarned(callback: (badge: BadgeSummary) => void): void
navigateToCollection(): void
Related Data Entities (2)
Data entities managed by this component