EFC/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Se agrego debug mode

Browse Source
This commit is contained in:
Kevin Rosales
2025-08-04 22:26:41 -06:00
parent 300db38f86
commit 6920095db9
2 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@@ -1,4 +1,4 @@
DEBUG_MODE=true VITE_DEBUG_MODE=true
VITE_EFC_API_URL=https://api.efc-aduanasoft.com/api/v1 VITE_EFC_API_URL=https://api.efc-aduanasoft.com/api/v1
VITE_EFC_MICROSERVICE_URL=https://api.efc-aduanasoft.com/microservice/api/v1 VITE_EFC_MICROSERVICE_URL=https://api.efc-aduanasoft.com/microservice/api/v1

41
src/components/Sidebar.jsx
View File

@@ -16,6 +16,8 @@ export default function Sidebar() {
} }
// Si los grupos son exactamente [3,5] // Si los grupos son exactamente [3,5]
const isGroup35 = Array.isArray(userGroups) && userGroups.length === 2 && userGroups.includes(3) && userGroups.includes(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 [isCollapsed, setIsCollapsed] = useState(false);
const location = useLocation(); const location = useLocation();
const navigate = useNavigate(); const navigate = useNavigate();
@@ -89,15 +91,22 @@ export default function Sidebar() {
{ {
title: 'Documentación', title: 'Documentación',
items: [ items: [
{ // Solo mostrar Reportes si DEBUG_MODE es true
name: 'Reportes', ...(
path: '/reports', isDebugMode
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" /> name: 'Reportes',
</svg> 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', name: 'Expedientes',
path: '/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', title: 'Tableros',
items: [ items: [
@@ -139,6 +147,7 @@ export default function Sidebar() {
] ]
} }
] ]
: []
), ),
...( ...(
isGroup35 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 // Modificar items según si es importador
const menuSections = allMenuSections const menuSections = allMenuSections
.map(section => { .map(section => {
@@ -188,8 +197,8 @@ export default function Sidebar() {
items: section.items.filter(item => !(isImportador && item.name === 'Mi Organización')) 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 // Para Tableros, filtrar la sección si es importador o si no está en modo debug
if (section.title === 'Tableros' && isImportador) { if (section.title === 'Tableros' && (isImportador || !isDebugMode)) {
return null; return null;
} }
return section; return section;