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

41
src/components/Sidebar.jsx
View File

@@ -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;