|
|
@ -4,8 +4,14 @@ import { Invoice, InvoiceDetail } from '../Interfaces/Invoice'; |
|
|
|
import { BsFillPencilFill, BsCaretDownFill, BsChevronLeft, BsChevronRight } from 'react-icons/bs'; |
|
|
|
import { BsFillPencilFill, BsCaretDownFill, BsChevronLeft, BsChevronRight } from 'react-icons/bs'; |
|
|
|
import '../HojasDeEstilo/AmazonInovice.css'; |
|
|
|
import '../HojasDeEstilo/AmazonInovice.css'; |
|
|
|
import { FaAmazon } from 'react-icons/fa'; |
|
|
|
import { FaAmazon } from 'react-icons/fa'; |
|
|
|
|
|
|
|
import { BsChevronExpand } from "react-icons/bs"; |
|
|
|
|
|
|
|
import {BsCart4} from "react-icons/bs" |
|
|
|
|
|
|
|
|
|
|
|
const AmazonInvoice: React.FC = () => { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const AmazonInvoice: React.FC = () => { |
|
|
|
const [invoices, setInvoices] = useState<Invoice[]>([]); |
|
|
|
const [invoices, setInvoices] = useState<Invoice[]>([]); |
|
|
|
const [currentPage, setCurrentPage] = useState(1); |
|
|
|
const [currentPage, setCurrentPage] = useState(1); |
|
|
|
const [itemsPerPage] = useState(17); |
|
|
|
const [itemsPerPage] = useState(17); |
|
|
@ -165,7 +171,7 @@ const AmazonInvoice: React.FC = () => { |
|
|
|
{currentInvoices.map((invoice: Invoice) => ( |
|
|
|
{currentInvoices.map((invoice: Invoice) => ( |
|
|
|
<React.Fragment key={invoice.id}> |
|
|
|
<React.Fragment key={invoice.id}> |
|
|
|
<tr onClick={() => handleInvoiceClick(invoice.id)}> |
|
|
|
<tr onClick={() => handleInvoiceClick(invoice.id)}> |
|
|
|
<td>{invoice.id}</td> |
|
|
|
<td> <BsChevronExpand/> {invoice.id}</td> |
|
|
|
<td>{invoice.referencia}</td> |
|
|
|
<td>{invoice.referencia}</td> |
|
|
|
<td>{invoice.commercialInvoiceDate}</td> |
|
|
|
<td>{invoice.commercialInvoiceDate}</td> |
|
|
|
<td>{invoice.fCreacion}</td> |
|
|
|
<td>{invoice.fCreacion}</td> |
|
|
@ -198,7 +204,7 @@ const AmazonInvoice: React.FC = () => { |
|
|
|
<tbody> |
|
|
|
<tbody> |
|
|
|
{invoiceDetails.map((detail: InvoiceDetail, index: number) => ( |
|
|
|
{invoiceDetails.map((detail: InvoiceDetail, index: number) => ( |
|
|
|
<tr key={index}> |
|
|
|
<tr key={index}> |
|
|
|
<td>{detail.idHeader}</td> |
|
|
|
<td><BsCart4 /> {detail.idHeader}</td> |
|
|
|
<td>{detail.invoiceNumber}</td> |
|
|
|
<td>{detail.invoiceNumber}</td> |
|
|
|
<td>{detail.amazonShipmentReferenceId}</td> |
|
|
|
<td>{detail.amazonShipmentReferenceId}</td> |
|
|
|
<td>{detail.itemId}</td> |
|
|
|
<td>{detail.itemId}</td> |
|
|
|