diff --git a/src/Componentes/AmazonInvoice.tsx b/src/Componentes/AmazonInvoice.tsx index b9f8b79..888f6e2 100644 --- a/src/Componentes/AmazonInvoice.tsx +++ b/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, diff --git a/src/Componentes/Formulario.tsx b/src/Componentes/Formulario.tsx index 13c3628..e52b361 100644 --- a/src/Componentes/Formulario.tsx +++ b/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 ( + +
+

Usuario

diff --git a/src/HojasDeEstilo/Formulario.css b/src/HojasDeEstilo/Formulario.css index 3168e3f..2a1d80d 100644 --- a/src/HojasDeEstilo/Formulario.css +++ b/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;