19-Junio-2023

src/Componentes/AmazonInvoice.tsx

@@ -105,15 +105,19 @@ import {BsFiletypePdf}  from "react-icons/bs"
 
   const handleEditDetailClick = (itemId: string) => {
     const invoiceDetailToUpdate = invoiceDetails.find((detail) => detail.itemId === itemId);
+
+    
     if (invoiceDetailToUpdate) {
       const { invoiceNumber, amazonShipmentReferenceId } = invoiceDetailToUpdate;
 
+      
       const newInvoiceNumber = prompt('Ingrese el nuevo número de factura:', invoiceNumber);
       const newAmazonShipmentReferenceId = prompt(
         'Ingrese la nueva referencia de envío de Amazon:',
         amazonShipmentReferenceId
       );
 
+
       if (newInvoiceNumber !== null && newAmazonShipmentReferenceId !== null) {
         const updatedDetail = {
           ...invoiceDetailToUpdate,

src/Componentes/Formulario.tsx

@@ -1,3 +1,4 @@
+import { title } from 'process';
 import '../HojasDeEstilo/Formulario.css';
 import { useState } from 'react';
 
@@ -39,7 +40,10 @@ function Formulario({ handleLogin, handlePasswordReset }: FormularioProps) {
   };
 
   return (
+
+   
     <section>
+       
       <form className='Formulario' onSubmit={handleSubmit}>
         
         <h2>Usuario</h2>

src/HojasDeEstilo/Formulario.css

@@ -15,7 +15,7 @@
 
 
 .logo {
-  height: 100px;
+  height: 275px;
   min-width: 600px;
   display: flex;
   flex-direction: column;
@@ -90,6 +90,25 @@ input {
   width: 237.5px;
 }
 
+#reset-button{
+
+  background-color: mediumorchid;
+  border: none;
+  color: #000000;
+  padding: 12px 24px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: -10px 724px;
+  cursor: pointer;
+  border-radius: 8px;
+  transition: background-color 0.3s ease;
+  height: 10%;
+  width: 237.5px;
+  
+}
+
 button {
   background-color: rgb(132, 130, 238);
   border: none;