Added bulk payables exporting with better error handling. BOD-152

client/src/components/accounting-payables-table/accounting-payables-table.component.jsx

@@ -5,6 +5,7 @@ import { Link } from "react-router-dom";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { alphaSort } from "../../utils/sorters";
 import InvoiceExportButton from "../invoice-export-button/invoice-export-button.component";
+import InvoiceExportAllButton from "../invoice-export-all-button/invoice-export-all-button.component";
 import { DateFormatter } from "../../utils/DateFormatter";
 import queryString from "query-string";
 
@@ -119,8 +120,7 @@ export default function AccountingPayablesTableComponent({
       render: (text, record) => (
         <div>
           <InvoiceExportButton
-
-            invoiceId={record.id} 
+            invoiceId={record.id}
             disabled={transInProgress || !!record.exported}
             loadingCallback={setTransInProgress}
           />
@@ -128,7 +128,7 @@ export default function AccountingPayablesTableComponent({
       ),
     },
   ];
-console.log('transInProgress', transInProgress)
+  console.log("transInProgress", transInProgress);
   const handleSearch = (e) => {
     setState({ ...state, search: e.target.value });
   };
@@ -158,6 +158,12 @@ console.log('transInProgress', transInProgress)
                 placeholder={t("general.labels.search")}
                 allowClear
               />
+              <InvoiceExportAllButton
+                invoiceIds={selectedInvoices}
+                disabled={transInProgress}
+                loadingCallback={setTransInProgress}
+                completedCallback={setSelectedInvoices}
+              />
             </div>
           );
         }}