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: (
-
- )
- },
+ // Solo mostrar Reportes si DEBUG_MODE es true
+ ...(
+ isDebugMode
+ ? [
+ {
+ name: 'Reportes',
+ path: '/reports',
+ icon: (
+
+ )
+ }
+ ]
+ : []
+ ),
{
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;