Se termina el codigo solicitado, listo para empezar con pruebas reales, antes de GO Live

src/Components/Clientes/Amazon/Components/ComboSelect/ComboDescripcion.tsx

@@ -62,6 +62,7 @@ export function ComboDescripcion(props: IComboDescripcionProps) {
   const refreshStore = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDInvoice,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Components/ComboSelect/ComboFraccion.tsx

@@ -56,6 +56,7 @@ export function ComboFraccion(props: IComboFraccionProps) {
   const refreshStore = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDInvoice,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Interfaces/I2096Header.ts

@@ -2,6 +2,7 @@ import Detail from './I2096Detail'
 
 export default interface I2096Headers {
   id: number
+  referencia: string
   commercialInvoiceDate: string
   invoiceNumber: string
   name: string

src/Components/Clientes/Amazon/Reportes/Clasification/Finished/RptAmazonFinishedClasificationInvoicesDetail.tsx

@@ -66,6 +66,7 @@ export default function RptAmazonFinishedClasificationInvoicesDetail(
   const UpdateInfo = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDMaster,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Reportes/Clasification/Pending/RptAmazonPendingClasificationInvoicesDetail.tsx

@@ -67,6 +67,7 @@ export default function RtpAmazonPendingInvoivesDetail(
   const UpdateInvoiceDetail = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDMaster,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswer/RptPendingAnswerFromAmazonDetail.tsx

@@ -72,6 +72,7 @@ export default function RptPendingAnswerFromAmazonDetail(
   const UpdateInfo = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDMaster,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2Traffic.tsx

@@ -43,6 +43,7 @@ import RptAmazonInvoiceTrafficDetail from './RptAmazonLinkInvoice2TrafficDetail'
 // Redux
 import { useDispatch, useSelector } from 'react-redux'
 import DTO2096LinkInvoice2Reference from '../../../DTO/DTO2096LinkInvoice2Reference'
+import { AiFillFileExcel } from 'react-icons/ai'
 
 export interface IRptAmazonLinkInvoice2TrafficProps {}
 
@@ -125,6 +126,49 @@ export function RptAmazonLinkInvoice2Traffic(
       })
   }
 
+  const downloadExcelInvoices = (Referencia: string) => {
+    DSAmazon.GETExcelInvoicesLinkByReference(Referencia)
+      .then((response: any) => {
+        if (response.status === 200) {
+          const url = window.URL.createObjectURL(new Blob([response.data]))
+          const link = document.createElement('a')
+          link.href = url
+          link.setAttribute('download', 'FACTURAS_MODIFICA.xlsx')
+          document.body.appendChild(link)
+          link.click()
+          loadReport()
+        }
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error')
+        setShowMsg(true)
+        return
+      })
+  }
+
+  const downloadExcelPartidas = (Referencia: string) => {
+    DSAmazon.GETAmazonExcelByReference(Referencia)
+      .then((response: any) => {
+        if (response.status === 200) {
+          const url = window.URL.createObjectURL(new Blob([response.data]))
+          const link = document.createElement('a')
+          link.href = url
+          link.setAttribute('download', 'PARTIDAS_MODIFICA.xlsx')
+          document.body.appendChild(link)
+          link.click()
+          loadReport()
+        }
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error')
+        setShowMsg(true)
+        return
+      })
+  }
+
+
   useEffect(() => {
     loadReport()
   }, [])
@@ -223,6 +267,9 @@ export function RptAmazonLinkInvoice2Traffic(
                   <th style={{ width: '50px' }}>id</th>
                   <th style={{ width: '50px' }}>[...]</th>
                   <th style={{ width: '50px' }}>PDF</th>
+                  <th style={{ width: '50px' }}>Facturas</th>
+                  <th style={{ width: '50px' }}>Partidas</th>
+                  <th style={{ width: '100px' }}>Referencia</th>
                   <th style={{ width: '80px' }}>Commercial Invoice Date</th>
                   <th style={{ width: '250px' }}>Invoice Number</th>
                   <th style={{ width: '100px' }}>Incoterms</th>
@@ -292,6 +339,27 @@ export function RptAmazonLinkInvoice2Traffic(
                                 </IconContext.Provider>
                               </div>
                             </td>
+                            <td style={{ width: '50px', textAlign: 'center' }}>
+                              <div onClick={() => {downloadExcelInvoices(MasterData.referencia)}}>
+                                <IconContext.Provider
+                                  value={{ color: 'green', size: '20px' }}
+                                >
+                                  <AiFillFileExcel />
+                                </IconContext.Provider>
+                              </div>
+                            </td>
+                            <td style={{ width: '50px', textAlign: 'center' }}>
+                              <div onClick={() => {downloadExcelPartidas(MasterData.referencia)}}>
+                                <IconContext.Provider
+                                  value={{ color: 'green', size: '20px' }}
+                                >
+                                  <AiFillFileExcel />
+                                </IconContext.Provider>
+                              </div>
+                            </td>
+                            <td style={{ width: '100px', textAlign: 'center' }}>
+                              {MasterData.referencia}
+                            </td>
                             <td style={{ width: '80px', textAlign: 'center' }}>
                               {MasterData.commercialInvoiceDate}
                             </td>

src/Components/Clientes/Amazon/Reportes/Traffic/Linking/RptAmazonLinkInvoice2TrafficDetail.tsx

@@ -67,6 +67,7 @@ export default function RtpAmazonInvoiceTrafficDetail(
   const UpdateInfo = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDMaster,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Reportes/Traffic/Pending/RptAmazonPendingTraficInvoiceDetail.tsx

@@ -63,6 +63,7 @@ export default function RptAmazonPendingTraficInvoiceDetail(
   const UpdateInfo = (Invoice: I2096Headers, Detail: I2096Detail[]) => {
     const updatedInvoice: I2096Headers = {
       id: props.IDMaster,
+      referencia: Invoice.referencia,
       commercialInvoiceDate: Invoice.commercialInvoiceDate,
       invoiceNumber: Invoice.invoiceNumber,
       name: Invoice.name,

src/Components/Clientes/Amazon/Services/Amazon.Services.ts

@@ -101,6 +101,24 @@ class AmazonDataService {
        console.log(error)
      })
   }
+  GETExcelInvoicesLinkByReference(Referencia: string) {
+    return http.get<ArrayBuffer>(`/AmazonInvoice/GETExcelInvoicesLinkByReference?referencia=${Referencia}`, {responseType: 'arraybuffer'})
+    .then(function (response) {
+       return response
+     })
+     .catch(function (error) {
+       console.log(error)
+     })
+  }
+  GETAmazonExcelByReference(Referencia: string) {
+    return http.get<ArrayBuffer>(`/AmazonInvoice/getAmazonExcelByReference?referencia=${Referencia}`, {responseType: 'arraybuffer'})
+    .then(function (response) {
+       return response
+     })
+     .catch(function (error) {
+       console.log(error)
+     })
+  }
   AsignaFacturasReferencia(data: DTO2096LinkInvoice2Reference) {
     return http.post<Boolean>(`/AmazonInvoice/AsignaFacturasReferencia`, data)
   }

src/Components/Dashboard/DashboardTrafico.tsx

@@ -51,7 +51,7 @@ export default function DashboardTrafico (props: IDashboardTraficoProps) {
               <Row >
                 <Col xs={6} style={{}}>
                   <Link
-                    to="RptAmazonLinkInvoice2Traffic"
+                    to="../RptAmazonLinkInvoice2Traffic"
                     style={{
                       textDecoration: 'none',
                       float: 'left',