Fix: Captura y Muestra del Error Por Recibo Duplicado

Frontend/src/components/Modals/Contables/PagoDistribuidorFormModal.tsx

@@ -64,6 +64,7 @@ const PagoDistribuidorFormModal: React.FC<PagoDistribuidorFormModalProps> = ({
   const isEditing = Boolean(initialData);
 
   useEffect(() => {
+    // Esta función se encarga de cargar los datos de los dropdowns.
     const fetchDropdownData = async () => {
         setLoadingDropdowns(true);
         try {
@@ -126,14 +127,16 @@ const PagoDistribuidorFormModal: React.FC<PagoDistribuidorFormModalProps> = ({
     setLoading(true);
     try {
       const montoNum = parseFloat(monto);
-
+      
       if (isEditing && initialData) {
         const dataToSubmit: UpdatePagoDistribuidorDto = {
             monto: montoNum,
             idTipoPago: Number(idTipoPago),
             detalle: detalle || undefined,
         };
+        // << INICIO DE LA CORRECCIÓN >>
         await onSubmit(dataToSubmit, initialData.idPago);
+        // << FIN DE LA CORRECCIÓN >>
       } else {
         const dataToSubmit: CreatePagoDistribuidorDto = {
             idDistribuidor: Number(idDistribuidor),
@@ -147,7 +150,9 @@ const PagoDistribuidorFormModal: React.FC<PagoDistribuidorFormModalProps> = ({
         };
         await onSubmit(dataToSubmit);
       }
+      
       onClose();
+      
     } catch (error: any) {
       console.error("Error en submit de PagoDistribuidorFormModal:", error);
     } finally {