From 95a87b3f7cda938ed8ede0aa021a7de06b5f4aa6 Mon Sep 17 00:00:00 2001
From: Uche44 <perpetualuchechukwu808@gmail.com>
Date: Mon, 29 Jun 2026 18:35:49 +0100
Subject: [PATCH] [Improvement] Add an empty state to the "Recent Pools"
 dropdown when the list is empty

---
 .../components/dashboard/dashboard-header.tsx | 48 +++++++++++--------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/frontend/components/dashboard/dashboard-header.tsx b/frontend/components/dashboard/dashboard-header.tsx
index 266a76d..49ec697 100644
--- a/frontend/components/dashboard/dashboard-header.tsx
+++ b/frontend/components/dashboard/dashboard-header.tsx
@@ -165,7 +165,7 @@ export function DashboardHeader() {
               </DropdownMenu>
             )}
 
-            {address && recentPools.length > 0 && (
+            {address && (
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
                   <Button variant="outline" size="sm" className="gap-1.5">
@@ -174,26 +174,32 @@ export function DashboardHeader() {
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-64">
-                  <DropdownMenuLabel>Recent Pools</DropdownMenuLabel>
-                  <DropdownMenuSeparator />
-                  {recentPools.map((pool) => (
-                    <DropdownMenuItem key={pool.contract_address || pool.id} asChild>
-                      <Link
-                        href={`/dashboard/group/${pool.id}`}
-                        className="flex w-full cursor-pointer items-center justify-between gap-2"
-                      >
-                        <span className="flex-1 truncate text-sm">{pool.name}</span>
-                        <span className="flex items-center gap-1.5">
-                          <Badge variant="secondary" className="text-[10px] px-1.5 py-0 capitalize">
-                            {pool.type}
-                          </Badge>
-                          <span className="text-[11px] text-muted-foreground whitespace-nowrap">
-                            {formatRelativeTime(new Date(pool.visitedAt))}
-                          </span>
-                        </span>
-                      </Link>
-                    </DropdownMenuItem>
-                  ))}
+                   <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) => (
+                       <DropdownMenuItem key={pool.contract_address || pool.id} asChild>
+                         <Link
+                           href={`/dashboard/group/${pool.id}`}
+                           className="flex w-full cursor-pointer items-center justify-between gap-2"
+                         >
+                           <span className="flex-1 truncate text-sm">{pool.name}</span>
+                           <span className="flex items-center gap-1.5">
+                             <Badge variant="secondary" className="text-[10px] px-1.5 py-0 capitalize">
+                               {pool.type}
+                             </Badge>
+                             <span className="text-[11px] text-muted-foreground whitespace-nowrap">
+                               {formatRelativeTime(new Date(pool.visitedAt))}
+                             </span>
+                           </span>
+                         </Link>
+                       </DropdownMenuItem>
+                     ))
+                   )}
                 </DropdownMenuContent>
               </DropdownMenu>
             )}