|
|
|
@ -153,7 +153,7 @@ import {BsFiletypePdf} from "react-icons/bs" |
|
|
|
|
<div className="container"> |
|
|
|
|
|
|
|
|
|
<h1> |
|
|
|
|
<FaAmazon /> Amazon Invoice |
|
|
|
|
<FaAmazon color='white' /> Amazon Invoice |
|
|
|
|
</h1> |
|
|
|
|
<table className="table table-striped"> |
|
|
|
|
<thead> |
|
|
|
@ -172,7 +172,7 @@ import {BsFiletypePdf} from "react-icons/bs" |
|
|
|
|
{currentInvoices.map((invoice: Invoice) => ( |
|
|
|
|
<React.Fragment key={invoice.id}> |
|
|
|
|
<tr onClick={() => handleInvoiceClick(invoice.id)}> |
|
|
|
|
<td> <BsChevronExpand/> {invoice.id}</td> |
|
|
|
|
<td> <BsChevronExpand color='violet'/> {invoice.id}</td> |
|
|
|
|
<td>{invoice.referencia}</td> |
|
|
|
|
<td>{invoice.commercialInvoiceDate}</td> |
|
|
|
|
<td>{invoice.fCreacion}</td> |
|
|
|
@ -184,7 +184,7 @@ import {BsFiletypePdf} from "react-icons/bs" |
|
|
|
|
className="edit-icon" |
|
|
|
|
onClick={() => handleEditClick(invoice.id, invoice.referencia, invoice.clasificador)} |
|
|
|
|
> |
|
|
|
|
<BsFillPencilFill /> |
|
|
|
|
<BsFillPencilFill color='gray' /> |
|
|
|
|
</span> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
@ -205,7 +205,7 @@ import {BsFiletypePdf} from "react-icons/bs" |
|
|
|
|
<tbody> |
|
|
|
|
{invoiceDetails.map((detail: InvoiceDetail, index: number) => ( |
|
|
|
|
<tr key={index}> |
|
|
|
|
<td><BsFiletypePdf /> {detail.idHeader}</td> |
|
|
|
|
<td><BsFiletypePdf color='red' /> {detail.idHeader}</td> |
|
|
|
|
<td>{detail.invoiceNumber}</td> |
|
|
|
|
<td>{detail.amazonShipmentReferenceId}</td> |
|
|
|
|
<td>{detail.itemId}</td> |
|
|
|
@ -215,7 +215,7 @@ import {BsFiletypePdf} from "react-icons/bs" |
|
|
|
|
className="edit-icon" |
|
|
|
|
onClick={() => handleEditDetailClick(detail.itemId)} |
|
|
|
|
> |
|
|
|
|
<BsFillPencilFill /> |
|
|
|
|
<BsFillPencilFill color='gray' /> |
|
|
|
|
</span> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|