20-Junio-2023

src/Componentes/AmazonInvoice.tsx

@@ -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>

src/HojasDeEstilo/AmazonInovice.css

@@ -79,6 +79,7 @@ h1 {
 .caret-icon {
   vertical-align: middle;
   margin-left: 1px;
+  
 }
 
 
@@ -88,3 +89,8 @@ h1 {
 
 
 
+
+.BsFiletypePdf{
+  background-color:  red;
+  color:  gray;
+}