[Feature] Add a "members who haven't deposited yet" quick filter on the member list

[grantfox-oss]

Getting Started

1. Fork the repository: https://github.com/JointSave-org/Joint_Save
2. Clone your fork:

   git clone https://github.com/<your-username>/Joint_Save.git
   cd Joint_Save

3. Create a new branch:

   git checkout -b feat/pending-deposits-filter

---

Overview

For a Rotational pool with many members, the admin (or any member, really) might want to quickly see who still needs to deposit for the current round, rather than scanning the whole member list. The existing group-members.tsx shows each member's status, but there's no way to filter down to just the ones still pending.

Requirements

• Add a simple toggle/filter chip above the member list: "Show all" / "Pending only"
• Filtering should be purely client-side (the data needed is already fetched for the existing status display)
• Show a count badge ("3 pending") so it's useful even without toggling the filter

Acceptance Criteria

• Toggling the filter correctly narrows the visible list to only pending members
• Count badge is accurate and updates as deposits come in
• No new data fetching introduced — purely a client-side view of data already on the page

[Ebenezer199914]

can i work on this issue

[Ebenezer199914]

can i work on this issue

[cLamberti]

Hi! I'm a Full Stack Software Engineer with React/Next.js experience

The implementation is straightforward: one useState for the toggle, and both the filtered list and the pending count as derived values computed inline at render — no useEffect, no extra state, no new data fetching (the data's already there for the existing status display).

I'll confirm the exact status field/value from the existing group-members.tsx before filtering. One small UX note: I'll keep the count badge visible even in "Show all" mode so the count is useful without having to toggle the filter first.

Portfolio: https://portfolio-christopher-lamberti.vercel.app/

Clean PR within 24 hours of assignment.

Best regards,
Christopher Lamberti

[Justprotocol]

Hi team! I'd love to take on this feature to add the pending deposits quick filter.

Why I'm a great fit:

• Repo Familiarity: I am already actively contributing to the Joint_Save frontend, so I'm deeply familiar with your setup, UI styling guidelines, and components.

• State Optimization: I specialize in Next.js/React and TypeScript frontend development. I will implement the toggle using a clean useState hook and derive the pending count and filtered list inline during rendering, ensuring no unnecessary useEffect hooks, zero extra state, and absolutely no additional data fetching.

• Clean UI Implementation: I will ensure the toggle chip UI perfectly aligns with your existing design language and that the count badge remains visible and accurate across both view states.

• Track Record: I write clean, production-ready code with a strong attention to detail, having just had my smart contract documentation and schema code successfully merged on Grantfox.

I can get started on this immediately and open a clean PR quickly. Please assign it to me! Thanks.

[Psalmuel01]

I'd like to take this issue. I'll implement the "members who haven't deposited yet" quick filter in the member list, ensuring it integrates cleanly with the existing filtering logic and UI. I'll also add the necessary tests to verify the filter behaves correctly and doesn't impact existing member list functionality.

[grantfox-oss]

🦊 GrantFox — @cLamberti has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #148)
2. Your PR will be reviewed by the JointSave-org maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

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

@cLamberti's PR #165 was approved and merged by @Sendi0011.

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

👏 Great work, @cLamberti! Keep contributing to JointSave-org.