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", + }} /> );