diff --git a/client/src/components/invoices-list-table/invoices-list-table.component.jsx b/client/src/components/invoices-list-table/invoices-list-table.component.jsx
index 6a350520f..fe9bf37ad 100644
--- a/client/src/components/invoices-list-table/invoices-list-table.component.jsx
+++ b/client/src/components/invoices-list-table/invoices-list-table.component.jsx
@@ -30,6 +30,11 @@ export function InvoicesListTableComponent({
setReconciliationContext,
}) {
const { t } = useTranslation();
+ const [
+ selectedInvoiceLinesByInvoice,
+ setSelectedInvoiceLinesByInvoice,
+ ] = useState({});
+
const [state, setState] = useState({
sortedInfo: {},
});
@@ -98,32 +103,6 @@ export function InvoicesListTableComponent({
>
-
),
},
@@ -228,6 +207,20 @@ export function InvoicesListTableComponent({
},
];
+ const handleOnInvoiceRowclick = (selectedRows) => {
+ console.log("selectedRows", selectedRows);
+ console.log("record.id", record.id);
+ setSelectedInvoiceLinesByInvoice({
+ ...selectedInvoiceLinesByInvoice,
+ [record.id]: selectedRows.map((r) => r.id),
+ });
+ };
+
+ console.log(
+ "selectedInvoiceLinesByInvoice[record.id]",
+ selectedInvoiceLinesByInvoice[record.id]
+ );
+
return (
{`${t("invoices.fields.invoice_number")} ${
@@ -244,6 +237,36 @@ export function InvoicesListTableComponent({
{`${record.local_tax_rate}%` || ""}
+
{
+ handleOnInvoiceRowclick(selectedRows);
+ },
+ onSelectAll: (selected, selectedRows, changeRows) => {
+ handleOnInvoiceRowclick(selectedRows);
+ },
+ selectedRowKeys: selectedInvoiceLinesByInvoice[record.id],
+ type: "checkbox",
+ }}
/>
);