16-Junio-2023

src/Componentes/AmazonInvoice.tsx

@@ -3,6 +3,7 @@ import axios from 'axios';
 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';
 
 const AmazonInvoice: React.FC = () => {
   const [invoices, setInvoices] = useState<Invoice[]>([]);
@@ -143,7 +144,10 @@ const AmazonInvoice: React.FC = () => {
 
   return (
     <div className="container">
-      <h1>Amazon Invoice</h1>
+
+      <h1>
+      <FaAmazon /> Amazon Invoice
+      </h1>
       <table className="table table-striped">
         <thead>
           <tr>

src/Componentes/Home.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 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';
 
@@ -18,8 +19,9 @@ const Home: React.FC<HomeProps> = ({ user, handleLogout }) => {
       <Navbar bg="dark" variant="dark" className="navbar-custom">
         <Nav.Link href="#amazon">No Le Click</Nav.Link>
         <Nav className="ml-auto">
-          <Nav.Link as={Link} to="/amazon-invoice">
+          <Nav.Link as={Link} to="/amazon-invoice"    >
-            Amazon Invoice
+          <FaAmazon />
+               Amazon Invoice
           </Nav.Link>
         </Nav>
         <Nav.Link onClick={handleLogout}>Cerrar Sesión</Nav.Link>