17-Junio-2023

src/Componentes/AmazonInvoice.tsx

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

src/Componentes/Home.tsx

@@ -4,8 +4,11 @@ import { Navbar, Nav } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import '../HojasDeEstilo/Navbar.css'
 import { FaAmazon  } from 'react-icons/fa';
+import 'bootstrap/dist/css/bootstrap.min.css'
+import  { FaXbox } from 'react-icons/fa' ; 
+import {BsHouseLockFill} from 'react-icons/bs'
+
 
-import 'bootstrap/dist/css/bootstrap.min.css';
 
 interface HomeProps {
   user: any;
@@ -17,14 +20,20 @@ const Home: React.FC<HomeProps> = ({ user, handleLogout }) => {
     <div className="home-container">
      
       <Navbar bg="dark" variant="dark" className="navbar-custom">
-        <Nav.Link href="#amazon">No Le Click</Nav.Link>
+        <Nav.Link href="#amazon"> <FaXbox />   
+        
+        
+        No Le Click</Nav.Link>
         <Nav className="ml-auto">
           <Nav.Link as={Link} to="/amazon-invoice"    >
           <FaAmazon />
                Amazon Invoice
           </Nav.Link>
         </Nav>
-        <Nav.Link onClick={handleLogout}>Cerrar Sesión</Nav.Link>
+        <Nav.Link onClick={handleLogout}> 
+        <BsHouseLockFill/> 
+        
+        Cerrar Sesión</Nav.Link>
       </Navbar>
       {/* <h1>BIENVENIDOS AL HOME</h1> */}
     </div>