From 92527d1e007d0840dc6f449b685460df0e1a118f Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Wed, 24 Apr 2024 10:00:31 +0200
Subject: [PATCH 1/2] Show count on New grants and Completed grants, if there
 is any

---
 packages/nextjs/app/admin/page.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/admin/page.tsx b/packages/nextjs/app/admin/page.tsx
index 12597d2..4394be6 100644
--- a/packages/nextjs/app/admin/page.tsx
+++ b/packages/nextjs/app/admin/page.tsx
@@ -182,7 +182,9 @@ const AdminPage = () => {
         <div className="flex flex-col lg:flex-row gap-12 mt-4">
           <div className="p-8 bg-warning/5 lg:w-1/2">
             <div className="flex justify-between items-center">
-              <h2 className="font-bold text-xl">New Grant Proposals</h2>
+              <h2 className="font-bold text-xl">
+                New Grant Proposals {newGrants && newGrants.length > 0 && `(${newGrants.length})`}
+              </h2>
               {newGrants && newGrants.length !== 0 && (
                 <button
                   className="btn btn-sm btn-primary"
@@ -205,7 +207,9 @@ const AdminPage = () => {
           </div>
           <div className="p-8 bg-success/5 lg:w-1/2">
             <div className="flex justify-between items-center">
-              <h2 className="font-bold text-xl">Completed Grants</h2>
+              <h2 className="font-bold text-xl">
+                Completed Grants {completedGrants && completedGrants.length > 0 && `(${completedGrants.length})`}
+              </h2>
               {completedGrants && completedGrants.length !== 0 && (
                 <button
                   className="btn btn-sm btn-primary"

From aec1ad42181ba6edc2c94d57cfec8a6f3058e513 Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Thu, 25 Apr 2024 13:21:08 +0200
Subject: [PATCH 2/2] Add count on Batch Send and refactor

---
 packages/nextjs/app/admin/page.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/app/admin/page.tsx b/packages/nextjs/app/admin/page.tsx
index 4394be6..2def4bb 100644
--- a/packages/nextjs/app/admin/page.tsx
+++ b/packages/nextjs/app/admin/page.tsx
@@ -183,7 +183,7 @@ const AdminPage = () => {
           <div className="p-8 bg-warning/5 lg:w-1/2">
             <div className="flex justify-between items-center">
               <h2 className="font-bold text-xl">
-                New Grant Proposals {newGrants && newGrants.length > 0 && `(${newGrants.length})`}
+                New Grant Proposals {newGrants && newGrants.length > 0 && <>({newGrants.length})</>}
               </h2>
               {newGrants && newGrants.length !== 0 && (
                 <button
@@ -191,7 +191,8 @@ const AdminPage = () => {
                   onClick={() => handleBatchAction(newGrants, "approve")}
                   disabled={selectedApproveGrants.length === 0}
                 >
-                  Batch Send + Approve
+                  Batch Send + Approve{" "}
+                  {selectedApproveGrants && selectedApproveGrants.length > 0 && <>({selectedApproveGrants.length})</>}
                 </button>
               )}
             </div>
@@ -208,7 +209,7 @@ const AdminPage = () => {
           <div className="p-8 bg-success/5 lg:w-1/2">
             <div className="flex justify-between items-center">
               <h2 className="font-bold text-xl">
-                Completed Grants {completedGrants && completedGrants.length > 0 && `(${completedGrants.length})`}
+                Completed Grants {completedGrants && completedGrants.length > 0 && <>({completedGrants.length})</>}
               </h2>
               {completedGrants && completedGrants.length !== 0 && (
                 <button
@@ -216,7 +217,10 @@ const AdminPage = () => {
                   onClick={() => handleBatchAction(completedGrants, "complete")}
                   disabled={selectedCompleteGrants.length === 0}
                 >
-                  Batch Send + Complete
+                  Batch Send + Complete{" "}
+                  {selectedCompleteGrants && selectedCompleteGrants.length > 0 && (
+                    <>({selectedCompleteGrants.length})</>
+                  )}
                 </button>
               )}
             </div>