File: src/components/RecentActivity.tsx
Problem
The activity card renders:
call.svg next to groupSize ("Call a friend" icon for group size?)
audience.svg next to participants
50-50.svg next to earnings
None of those icons match their label semantically.
Expected
- Map icons to the data they represent:
groupSize → users.svg (or similar people icon)
participants → same / variant
earnings → coins.svg
- Also use
activity.coins.gold / activity.coins.red instead of a hardcoded 🏆.
- Add proper
alt text per icon (alt="" for purely decorative icons is fine once the mapping is correct).
Acceptance
- Visual review confirms each icon matches its metric.
- Any unused assets (
call.svg, 50-50.svg here) are removed from this component.
File:
src/components/RecentActivity.tsxProblem
The activity card renders:
call.svgnext togroupSize("Call a friend" icon for group size?)audience.svgnext toparticipants50-50.svgnext toearningsNone of those icons match their label semantically.
Expected
groupSize→users.svg(or similar people icon)participants→ same / variantearnings→coins.svgactivity.coins.gold/activity.coins.redinstead of a hardcoded🏆.alttext per icon (alt=""for purely decorative icons is fine once the mapping is correct).Acceptance
call.svg,50-50.svghere) are removed from this component.