From 769a1fd4e8472e9fd27316cafbbec13572ca5ff1 Mon Sep 17 00:00:00 2001
From: Luis <aandrade@aduanasoft.com.mx>
Date: Wed, 10 Dec 2025 11:18:19 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20Se=20agrega=20deteccion=20de=20pesta?=
 =?UTF-8?q?=C3=B1a=20seleccionada=20para=20mostrarla=20en=20el=20modal=20d?=
 =?UTF-8?q?e=20documentos.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/PedimentoDetail.jsx | 173 ++++++++++++++++++----------------
 1 file changed, 94 insertions(+), 79 deletions(-)

diff --git a/src/pages/PedimentoDetail.jsx b/src/pages/PedimentoDetail.jsx
index 1beaaa3..60d283b 100644
--- a/src/pages/PedimentoDetail.jsx
+++ b/src/pages/PedimentoDetail.jsx
@@ -365,6 +365,19 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
     }
   };
 
+  // Función para obtener el nombre de pestaña legible
+  const getTabName = (tabKey) => {
+    const tabNames = {
+      'pedimento': 'Pedimento',
+      'partidas': 'Partida',
+      'coves': 'COVE',
+      'edocs': 'EDoc',
+      'documentos': 'Documentos',
+      'auditor': 'Auditor'
+    };
+    return tabNames[tabKey] || tabKey;
+  };
+
   // Función para obtener el resumen del dashboard
   const fetchDashboardSummary = async () => {
     try {
@@ -2555,7 +2568,7 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
                 <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
                   <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
                     <h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
-                      Documentos Generales del Pedimento
+                      Documentos Generales
                     </h3>
                     <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 w-fit">
                       {docsCount} documentos
@@ -3039,7 +3052,7 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
                 <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
                   <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
                     <h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
-                      Documentos del Pedimento
+                      Pedimento Completo VU
                     </h3>
                     <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 w-fit">
                       {peddocsCount} documentos
@@ -3518,7 +3531,7 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
                 <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
                   <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
                     <h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
-                      Partidas del Pedimento
+                      Partidas VU del Pedimento
                     </h3>
                     <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800 w-fit">
                       {partidasCount} partidas
@@ -3921,7 +3934,7 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
                 <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
                   <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-4">
                     <h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
-                      COVEs del Pedimento
+                      COVEs VU del Pedimento
                     </h3>
                     <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 w-fit">
                       {covesCount} COVEs
@@ -4302,7 +4315,7 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
                 <div className="flex flex-wrap items-center justify-between gap-4">
                   <div className="flex items-center space-x-4">
                     <h3 className="text-lg font-semibold text-gray-900">
-                      EDocs del Pedimento
+                      EDocs VU del Pedimento
                     </h3>
                     <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
                       {edocsCount} EDocs
@@ -5485,13 +5498,86 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
           </div>
         </div>
       )}
-      
-	    {/* Modal para mostrar documentos */}
+  
+
+      {/* Modal de confirmación para eliminación */}
+      {showDeleteModal && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50">
+          <div className="w-full max-w-md mx-4 transition-all duration-300 transform scale-100 bg-white shadow-2xl rounded-2xl">
+            {/* Header del modal */}
+            <div className="px-6 py-4 border-b border-gray-200">
+              <div className="flex items-center gap-3">
+                <div className="p-3 bg-red-100 rounded-full">
+                  <svg className="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-gray-900">
+                    Confirmar eliminación
+                  </h3>
+                  <p className="text-sm text-gray-600">Esta acción no se puede deshacer</p>
+                </div>
+              </div>
+            </div>
+
+            {/* Contenido del modal */}
+            <div className="px-6 py-4">
+              <div className="mb-4">
+                <p className="mb-3 text-gray-700">
+                  ¿Estás seguro de que deseas eliminar{' '}
+                  <span className="font-semibold text-red-600">
+                    {selectedDocuments.length} documento{selectedDocuments.length !== 1 ? 's' : ''}
+                  </span>
+                  ?
+                </p>
+                
+                <div className="p-3 border border-red-200 rounded-lg bg-red-50">
+                  <div className="flex items-start gap-2">
+                    <svg className="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z" />
+                    </svg>
+                    <div>
+                      <p className="text-sm font-medium text-red-800">Advertencia importante</p>
+                      <p className="mt-1 text-sm text-red-700">
+                        Los documentos eliminados no podrán ser recuperados. Asegúrate de que realmente deseas proceder con esta acción.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* Botones del modal */}
+            <div className="flex justify-end gap-3 px-6 py-4 border-t border-gray-200">
+              <button
+                onClick={() => setShowDeleteModal(false)}
+                className="px-4 py-2 text-sm font-medium text-gray-700 transition-colors duration-200 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+              >
+                Cancelar
+              </button>
+              <button
+                onClick={confirmDeleteDocuments}
+                className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white transition-colors duration-200 bg-red-600 border border-transparent rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
+              >
+                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                </svg>
+                Eliminar {selectedDocuments.length} documento{selectedDocuments.length !== 1 ? 's' : ''}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Modal para mostrar documentos */}
       {showDocumentsModal && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 animate-fade-in">
             <div className="w-full max-w-md p-6 scale-95 bg-white rounded-lg shadow-xl animate-modal-slide-up">
                 <div className="flex items-center justify-between mb-4">
-                  <h3 className="mb-2 text-lg font-semibold text-blue-900">Documentos VU: {selectedVUNumber}</h3>
+                  <h3 className="mb-2 text-lg font-semibold text-blue-900">
+                     Documentos VU - {getTabName(activeTab)}: {selectedVUNumber}
+                  </h3>
                 </div>
                 <div className="mb-4">
                   <p className="mb-2 text-sm text-gray-600">
@@ -5585,77 +5671,6 @@ const handleDeleteSelectedPedimentoDocuments = async () => {
         </div>
       )}
 
-      {/* Modal de confirmación para eliminación */}
-      {showDeleteModal && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50">
-          <div className="w-full max-w-md mx-4 transition-all duration-300 transform scale-100 bg-white shadow-2xl rounded-2xl">
-            {/* Header del modal */}
-            <div className="px-6 py-4 border-b border-gray-200">
-              <div className="flex items-center gap-3">
-                <div className="p-3 bg-red-100 rounded-full">
-                  <svg className="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-                  </svg>
-                </div>
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">
-                    Confirmar eliminación
-                  </h3>
-                  <p className="text-sm text-gray-600">Esta acción no se puede deshacer</p>
-                </div>
-              </div>
-            </div>
-
-            {/* Contenido del modal */}
-            <div className="px-6 py-4">
-              <div className="mb-4">
-                <p className="mb-3 text-gray-700">
-                  ¿Estás seguro de que deseas eliminar{' '}
-                  <span className="font-semibold text-red-600">
-                    {selectedDocuments.length} documento{selectedDocuments.length !== 1 ? 's' : ''}
-                  </span>
-                  ?
-                </p>
-                
-                <div className="p-3 border border-red-200 rounded-lg bg-red-50">
-                  <div className="flex items-start gap-2">
-                    <svg className="w-5 h-5 text-red-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z" />
-                    </svg>
-                    <div>
-                      <p className="text-sm font-medium text-red-800">Advertencia importante</p>
-                      <p className="mt-1 text-sm text-red-700">
-                        Los documentos eliminados no podrán ser recuperados. Asegúrate de que realmente deseas proceder con esta acción.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            {/* Botones del modal */}
-            <div className="flex justify-end gap-3 px-6 py-4 border-t border-gray-200">
-              <button
-                onClick={() => setShowDeleteModal(false)}
-                className="px-4 py-2 text-sm font-medium text-gray-700 transition-colors duration-200 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-              >
-                Cancelar
-              </button>
-              <button
-                onClick={confirmDeleteDocuments}
-                className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white transition-colors duration-200 bg-red-600 border border-transparent rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
-              >
-                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-                </svg>
-                Eliminar {selectedDocuments.length} documento{selectedDocuments.length !== 1 ? 's' : ''}
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-
     </div>
   );
 }
\ No newline at end of file