From 6920095db92cd60600451bb72affef416a736c1d Mon Sep 17 00:00:00 2001
From: Kevin Rosales <krosales@aduanasoft.com.mx>
Date: Mon, 4 Aug 2025 22:26:41 -0600
Subject: [PATCH] Se agrego debug mode

---
 .env                       |  2 +-
 src/components/Sidebar.jsx | 41 +++++++++++++++++++++++---------------
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/.env b/.env
index 6160c3f..36aa617 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,4 @@
-DEBUG_MODE=true
+VITE_DEBUG_MODE=true
 
 VITE_EFC_API_URL=https://api.efc-aduanasoft.com/api/v1
 VITE_EFC_MICROSERVICE_URL=https://api.efc-aduanasoft.com/microservice/api/v1
diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
index e8d9375..0a1465d 100644
--- a/src/components/Sidebar.jsx
+++ b/src/components/Sidebar.jsx
@@ -16,6 +16,8 @@ export default function Sidebar() {
   }
   // Si los grupos son exactamente [3,5]
   const isGroup35 = Array.isArray(userGroups) && userGroups.length === 2 && userGroups.includes(3) && userGroups.includes(5);
+  // Leer DEBUG_MODE desde variables de entorno
+  const isDebugMode = import.meta.env.VITE_DEBUG_MODE === 'true';
   const [isCollapsed, setIsCollapsed] = useState(false);
   const location = useLocation();
   const navigate = useNavigate();
@@ -89,15 +91,22 @@ export default function Sidebar() {
     {
       title: 'Documentación',
       items: [
-        {
-          name: 'Reportes',
-          path: '/reports',
-          icon: (
-            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
-            </svg>
-          )
-        },
+        // Solo mostrar Reportes si DEBUG_MODE es true
+        ...(
+          isDebugMode
+            ? [
+                {
+                  name: 'Reportes',
+                  path: '/reports',
+                  icon: (
+                    <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
+                    </svg>
+                  )
+                }
+              ]
+            : []
+        ),
         {
           name: 'Expedientes',
           path: '/expedientes',
@@ -119,11 +128,10 @@ export default function Sidebar() {
         }
       ]
     },
-    // Nueva sección Tableros
+    // Nueva sección Tableros - Solo mostrar si DEBUG_MODE es true
     ...(
-      isGroup35
-        ? []
-        : [
+      (isDebugMode && !isGroup35)
+        ? [
             {
               title: 'Tableros',
               items: [
@@ -139,6 +147,7 @@ export default function Sidebar() {
               ]
             }
           ]
+        : []
     ),
     ...(
       isGroup35
@@ -178,7 +187,7 @@ export default function Sidebar() {
     )
   ];
 
-  // Filtrar secciones según si es importador
+  // Filtrar secciones según si es importador y modo debug
   // Modificar items según si es importador
   const menuSections = allMenuSections
     .map(section => {
@@ -188,8 +197,8 @@ export default function Sidebar() {
           items: section.items.filter(item => !(isImportador && item.name === 'Mi Organización'))
         };
       }
-      // Para Acceso a Usuarios, no filtrar la sección, solo los items ya están condicionados arriba
-      if (section.title === 'Tableros' && isImportador) {
+      // Para Tableros, filtrar la sección si es importador o si no está en modo debug
+      if (section.title === 'Tableros' && (isImportador || !isDebugMode)) {
         return null;
       }
       return section;