45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import { Col, Row } from "antd";
|
|
import React, { useState } from "react";
|
|
import JobReconciliationInvoicesTable from "../job-reconciliation-invoices-table/job-reconciliation-invoices-table.component";
|
|
import JobReconciliationPartsTable from "../job-reconciliation-parts-table/job-reconciliation-parts-table.component";
|
|
|
|
export default function JobReconciliationModalComponent({ job, invoices }) {
|
|
const jobLineState = useState([]);
|
|
const invoiceLineState = useState([]);
|
|
|
|
const invoiceLineData =
|
|
invoices
|
|
.map((i) =>
|
|
i.invoicelines.map((il) => {
|
|
return { ...il, is_credit_memo: i.is_credit_memo };
|
|
})
|
|
)
|
|
.flat() || [];
|
|
|
|
console.log(
|
|
"JobReconciliationModalComponent -> invoiceLineData",
|
|
invoiceLineData
|
|
);
|
|
|
|
const jobLineData = job.joblines.filter((j) => j.part_type !== null);
|
|
|
|
return (
|
|
<div>
|
|
<Row>
|
|
<Col span={12}>
|
|
<JobReconciliationPartsTable
|
|
jobLineData={jobLineData}
|
|
jobLineState={jobLineState}
|
|
/>
|
|
</Col>
|
|
<Col span={12}>
|
|
<JobReconciliationInvoicesTable
|
|
invoiceLineData={invoiceLineData}
|
|
invoiceLineState={invoiceLineState}
|
|
/>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|