[Improvement] Add an empty state to the "Recent Pools" dropdown when the list is empty

[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 improve/recent-pools-empty-state

---

Overview

The "Recent Pools" dropdown in dashboard-header.tsx (powered by useRecentPools) maps over the recent pools list with no fallback for when the list is empty. A brand-new user, or anyone who hasn't visited any pool detail pages yet, would open the dropdown and just see the "Recent Pools" label and a separator with nothing underneath — confusing, since it looks broken rather than just empty.

The notification bell dropdown in the same file already handles this correctly with a "No notifications yet" message — this issue is about matching that pattern.

Current Code (around line 143)

<DropdownMenuLabel>Recent Pools</DropdownMenuLabel>
<DropdownMenuSeparator />
{recentPools.map((pool) => (
  ...
))}

Fix

<DropdownMenuLabel>Recent Pools</DropdownMenuLabel>
<DropdownMenuSeparator />
{recentPools.length === 0 ? (
  <div className="px-2 py-3 text-center text-sm text-muted-foreground">
    No recent pools yet
  </div>
) : (
  recentPools.map((pool) => (
    ...
  ))
)}

Acceptance Criteria

• Opening the dropdown with zero recent pools shows a clear "No recent pools yet" message instead of an empty list
• No change to behavior when recent pools exist

[gloskull]

Hi, I’d love to work on this issue. I have 4 years of experience across backend, frontend, full-stack, and smart contract development. I understand the task clearly and can deliver a clean, efficient, well-tested solution on time, with strong focus on code quality and maintainability. My PR will be submitted in under 10 hours.

[Emmanuellsensai]

hi maintainer, i would like to work on this issue

[Uche44]

Here's how I'd approach this problem:

I will add a simple empty state to the Recent Pools dropdown so users see a clear "No recent pools yet" message when no pools are available. I will also ensure the existing dropdown behavior remains unchanged when recent pools exist.

I have experience building React UI components and improving user experience through clear empty-state handling and reusable interface patterns.

Let me handle this for you.

[Yasir-TechGuy]

Hi Maintainer,

I'd like to work on this issue.

I have experience with React/Next.js UI improvements and handling empty-state UX patterns. This is a small but important usability fix, and I can quickly update the Recent Pools dropdown to show a clear fallback message while preserving the existing behavior when pools are available.

ETA: 30–60 minutes

Please assign this issue to me

[dolaoluwa574-source]

Pls assign me

[grantfox-oss]

🦊 GrantFox — @dolaoluwa574-source 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 #106)
2. Your PR will be reviewed by the JointSave-org maintainers

Good luck! Track your progress on GrantFox.