From 0ad418f20ce170414cd7a06d85b9f6ccb3dca182 Mon Sep 17 00:00:00 2001
From: lora322 <39804183+lora322@users.noreply.github.com>
Date: Tue, 23 Sep 2025 22:04:43 -0400
Subject: [PATCH] Implement filterStatus in TableOrders component

Added support for filtering orders by status in TableOrders component.
---
 frontend/src/components/Orders/TableOrders.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Orders/TableOrders.tsx b/frontend/src/components/Orders/TableOrders.tsx
index 0983bf9..b7e687a 100644
--- a/frontend/src/components/Orders/TableOrders.tsx
+++ b/frontend/src/components/Orders/TableOrders.tsx
@@ -24,7 +24,17 @@ import ListOrders from './ListOrders';
 
 const perPage = 10;
 
+/**
+ * TableOrders component 
+ * @param {Object} props 
+ * @param {string} [props.filterStatus] - If set, will filter orders by status (e.g., "open")
+ * @param {Array} [props.filterItems]
+ * @param {Function} [props.setFilterItems]
+ * @param {Array} [props.filters]
+ * @param {boolean} [props.showGrid]
+ */
 const TableOrders = ({
+  filterStatus,
   filterItems,
   setFilterItems,
   filters,
@@ -65,12 +75,18 @@ const TableOrders = ({
     pagesList.push(i);
   }
 
+  // --- NEW: Add filterStatus support ---
+  // Compose filter request for status if filterStatus is passed
+  const statusRequest = filterStatus ? `&status=${filterStatus}` : '';
+  // Use this for the initial load and when filterStatus changes
+  
   const loadData = async (page = currentPage, request = filterRequest) => {
     if (page !== currentPage) setCurrentPage(page);
     if (request !== filterRequest) setFilterRequest(request);
     const { sort, field } = sortModel[0];
 
-    const query = `?page=${page}&limit=${perPage}${request}&sort=${sort}&field=${field}`;
+    // Always apply statusRequest if filterStatus provided
+    const query = `?page=${page}&limit=${perPage}${request}${statusRequest}&sort=${sort}&field=${field}`;
     dispatch(fetch({ limit: perPage, page, query }));
   };