Resolve PO and Bills search on PLI screen.

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -78,6 +78,7 @@ export function PartsOrderListTableComponent({
   });
   const search = queryString.parse(useLocation().search);
   const selectedpartsorder = search.partsorderid;
+  const [searchText, setSearchText] = useState("");
 
   const [deletePartsOrder] = useMutation(DELETE_PARTS_ORDER);
 
@@ -421,6 +422,21 @@ export function PartsOrderListTableComponent({
     );
   };
 
+  const filteredPartsOrders = parts_orders
+    ? searchText === ""
+      ? parts_orders
+      : parts_orders.filter(
+          (b) =>
+            (b.order_number || "")
+              .toString()
+              .toLowerCase()
+              .includes(searchText.toLowerCase()) ||
+            (b.vendor.name || "")
+              .toLowerCase()
+              .includes(searchText.toLowerCase())
+        )
+    : [];
+
   return (
     <Card
       title={t("parts_orders.labels.parts_orders")}
@@ -431,8 +447,10 @@ export function PartsOrderListTableComponent({
           </Button>
           <Input.Search
             placeholder={t("general.labels.search")}
+            value={searchText}
             onChange={(e) => {
               e.preventDefault();
+              setSearchText(e.target.value);
             }}
           />
         </Space>
@@ -456,7 +474,7 @@ export function PartsOrderListTableComponent({
         }}
         columns={columns}
         rowKey="id"
-        dataSource={parts_orders}
+        dataSource={filteredPartsOrders}
         onChange={handleTableChange}
       />
     </Card>