Add RecentActivity filter counts and empty-filter messaging

[josephchimebuka]

Problem

RecentActivity exposes All/Correct/Incorrect filters but chips do not show counts, and choosing a filter with zero matches renders a blank list with no guidance.

Scope

• Display counts beside each filter chip (computed from fetched items)
• When a filter yields zero rows, show an inline empty state ("No incorrect predictions yet")
• Preserve loading/error paths
• Add unit tests for count badges and empty-filter copy

Acceptance criteria

• Filter chips show dynamic counts
• Zero-result filter shows helpful message, not empty whitespace
• Keyboard focus order unchanged
• Tests pass

Files

• src/components/RecentActivity.tsx
• src/components/RecentActivity.test.tsx

Difficulty

beginner

[malaysiaonelove]

Hi maintain,I will love to work on this issue,I have an experience and I have already reviewed the issue please assigned me to it and I will give a good result.

[nextgenuniversity1-oss]

@nextgenuniversity1-oss has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'd like to contribute to this issue.
I'll begin by examining the existing component structure and identifying where the change should be introduced. My goal will be to implement the feature without unnecessarily changing unrelated parts of the application.
I'll pay attention to component reusability, state handling, responsiveness, and consistency with the existing UI. After implementation, I'll test the relevant user flows and submit a focused PR.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @nextgenuniversity1-oss to this issue.

[smithd2423-beep]

@smithd2423-beep has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I’m interested in working on this issue because it aligns well with my frontend experience. I’m confident I can implement the filter counts and empty states while keeping the existing behaviour and tests intact.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @smithd2423-beep to this issue.

[dxfareed]

@dxfareed has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'd like to work on this. I read src/components/RecentActivity.tsx and RecentActivity.test.tsx first, and one thing worth flagging: the empty-filter messaging is already on main. The component renders "No correct/incorrect predictions yet" when a filter matches nothing, falls back to "No predictions yet" when the list is empty, and there's already a test covering it. So the real gap is the chip counts.

I'd compute the counts from items in one pass using the same predicate the filter uses. RecentActivityItem['result'] is 'Won' | 'Lost' | 'Pending' | 'Failed', so Pending and Failed rows only show under All, which means All won't equal correct plus incorrect. Let me know whether you want All to show total items or only settled ones.

One detail I'd want to get right: the existing tests query the chips with getByRole('tab', { name: 'correct' }), which is an exact accessible-name match. Putting the number in the button text breaks those queries and makes screen readers announce the tab as "correct 3". I'd render the count in an aria-hidden span so focus order and the existing tests stay untouched.

Scope stays on the two files in the issue. No new dependencies, reusing cn and the existing chip classes, loading and error paths untouched. Tests I'd add: a count badge per chip, counts staying correct with Pending and Failed in the mix, and a zero count still rendering. I'll run pnpm test and rebase on upstream/main before opening the PR.

Happy to open a draft PR with a screenshot before marking it ready.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dxfareed to this issue.

[Emmanueljr-stack]

@Emmanueljr-stack has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I’d like to work on this issue. I’ll add dynamic counts to the All, Correct, and Incorrect filter chips based on the fetched activity items, while preserving the existing loading and error states. When a selected filter has no matching predictions, I’ll display a clear inline empty state such as “No incorrect predictions yet” instead of leaving the list blank. I’ll also ensure the existing keyboard focus order remains unchanged and add unit tests covering the count badges and zero-result filter messaging.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Emmanueljr-stack to this issue.

[drips-wave]

Congratulations, @Emmanueljr-stack! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @Emmanueljr-stack: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Third Campaign campaign!

@Emmanueljr-stack's PR #471 was approved and merged by @josephchimebuka.

🏆 @Emmanueljr-stack: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (519 total points). Track your full progress on GrantFox.

👏 Great work, @Emmanueljr-stack! Keep contributing to TevaLabs.

[drips-wave]

This issue has been completed by @Emmanueljr-stack as part of the Stellar Wave Program's 8th Wave 🥳

😎 @Emmanueljr-stack: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.