From fd6b9fc37f526f837f0256e64f754412c8ec192b Mon Sep 17 00:00:00 2001
From: yoelmarain <jmarain62@gmail.com>
Date: Wed, 25 Sep 2024 00:57:48 -0300
Subject: [PATCH] Refactor payment information display and submission

- Updated the `TablaPagos` component to format currency values using the `Intl.NumberFormat` API for better readability.
- Added logging statements to `FetchPostPago` function to debug form data and parameters.
- Improved the display of payment details in the `TablaCuotas` component.
---
 FrontAdmin/src/API-Alumnos/Pagos.ts                       | 7 +++++++
 .../components/Pages-Alumnos/InformarPago/TablaPagos.tsx  | 8 ++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/FrontAdmin/src/API-Alumnos/Pagos.ts b/FrontAdmin/src/API-Alumnos/Pagos.ts
index 2c23416..c68263d 100644
--- a/FrontAdmin/src/API-Alumnos/Pagos.ts
+++ b/FrontAdmin/src/API-Alumnos/Pagos.ts
@@ -21,6 +21,13 @@ export const FetchPostPago = async (
         formData.append('comentario', comentario);
         formData.append('nro_transferencia', nro_transferencia);
 
+        console.log('FormData:', formData);
+        console.log('Archivo:', archivo);
+        console.log('Cuotas:', cuotas);
+        console.log('Monto informado:', montoInformado);
+        console.log('Comentario:', comentario);
+        console.log('Nro transferencia:', nro_transferencia);
+
         // Realiza la solicitud fetch
         const response = await fetch(`http://localhost:8000/api/pagos/alumno/${dni}`, {
             method: 'POST',
diff --git a/FrontAdmin/src/components/Pages-Alumnos/InformarPago/TablaPagos.tsx b/FrontAdmin/src/components/Pages-Alumnos/InformarPago/TablaPagos.tsx
index 27dd064..70f9058 100644
--- a/FrontAdmin/src/components/Pages-Alumnos/InformarPago/TablaPagos.tsx
+++ b/FrontAdmin/src/components/Pages-Alumnos/InformarPago/TablaPagos.tsx
@@ -122,11 +122,11 @@ function TablaCuotas({ refresh, setCuotasSeleccionadas, cuotasSeleccionadas }: T
                         }
                         <Td textAlign="center" p={1}>{cuota.numero}</Td>
                         <Td textAlign="center">{cuota.fechaVencimiento}</Td>
-                        <Td textAlign="center">{"$ " + cuota.montoActual}</Td>
-                        <Td textAlign="center">{"$ " + cuota.valorpagado}</Td>
-                        <Td textAlign="center">{"$ " + cuota.valorinformado}</Td>
+                        <Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format( cuota.montoActual)}</Td>
+                        <Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format( cuota.valorpagado)}</Td>
+                        <Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format( cuota.valorinformado)}</Td>
                         { cuota.estado !== "PAGADO" ?
-                        <Td textAlign="center">{"$ " + (cuota.montoActual - cuota.valorpagado - cuota.valorinformado)}</Td>
+                        <Td textAlign="center">{"$ " +  new Intl.NumberFormat('es-ES').format((cuota.montoActual - cuota.valorpagado - cuota.valorinformado))}</Td>
                         : 
                         <Td textAlign="center">{"$ " + 0}</Td>
                         }