From 1ab723f68d3039f63432c785eade0a0e1ef8772b Mon Sep 17 00:00:00 2001
From: Adam Moussa <adam@seahavenind.com>
Date: Fri, 25 Sep 2026 17:43:27 -0400
Subject: [PATCH] fix(web): count filtered rows on invoice tabs

---
 e2e/invoice-filters.spec.ts      |  1 +
 src/dashboard/DashboardGrids.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/e2e/invoice-filters.spec.ts b/e2e/invoice-filters.spec.ts
index dedd371..2f340d3 100644
--- a/e2e/invoice-filters.spec.ts
+++ b/e2e/invoice-filters.spec.ts
@@ -16,6 +16,7 @@ test.describe("Invoice Processing filters (AP-43)", () => {
     await page.getByTestId("vendor-filter").fill("Harbor");
     await expect(page.getByTestId("filter-toggle").locator(".MuiBadge-badge")).toHaveText("2");
     await expect(grid.locator(".MuiDataGrid-row")).toHaveCount(1);
+    await expect(page.getByTestId("tab-pending").locator("span").last()).toHaveText("1");
     await expect(page.getByTestId("attention-banner")).toContainText(
       "1 invoices require approval. Show invoices ready to approve.",
     );
diff --git a/src/dashboard/DashboardGrids.tsx b/src/dashboard/DashboardGrids.tsx
index 97a0b2f..9d767fa 100644
--- a/src/dashboard/DashboardGrids.tsx
+++ b/src/dashboard/DashboardGrids.tsx
@@ -162,7 +162,7 @@ export function DashboardGrids() {
             label={
               <InvoiceTabLabel
                 title="For My Attention"
-                count={attentionRows.length}
+                count={filteredAttention.length}
                 active={tab === "attention"}
               />
             }
@@ -173,7 +173,7 @@ export function DashboardGrids() {
             label={
               <InvoiceTabLabel
                 title="New Invoices"
-                count={invoices.length}
+                count={filteredAll.length}
                 active={tab === "all"}
               />
             }
@@ -184,7 +184,7 @@ export function DashboardGrids() {
             label={
               <InvoiceTabLabel
                 title="Approved Invoices"
-                count={approvedRows.length}
+                count={filteredApproved.length}
                 active={tab === "approved"}
               />
             }
@@ -195,7 +195,7 @@ export function DashboardGrids() {
             label={
               <InvoiceTabLabel
                 title="Rejected Invoices"
-                count={rejectedRows.length}
+                count={filteredRejected.length}
                 active={tab === "rejected"}
               />
             }
@@ -206,7 +206,7 @@ export function DashboardGrids() {
             label={
               <InvoiceTabLabel
                 title="Late Invoices"
-                count={lateRows.length}
+                count={filteredLate.length}
                 active={tab === "late"}
                 urgency
               />