import React, { useState } from 'react';
// ADIÇÃO 1: Importar o arquivo JSON com os itens do menu
import menuItems from '../data/sidebar-items.json'; // <-- ATENÇÃO: ajuste o caminho para o seu arquivo!
// ADIÇÃO 2: A função agora precisa receber 'props' para ter acesso ao setCurrentPage
function Sidebar(props) {
const [isActive, setIsActive] = useState(true);
const [openSubmenu, setOpenSubmenu] = useState(null);
const toggleSidebar = () => {
setIsActive(!isActive);
};
const handleSubmenuClick = (submenuName) => {
setOpenSubmenu(openSubmenu === submenuName ? null : submenuName);
};
// =====================================================
// renderLink atualizado para suportar Table.jsx
// =====================================================
const renderLink = (item) => {
if (item.url && !item.url.includes('.html') && !item.url.startsWith('http')) {
return (
{
e.preventDefault();
props.setCurrentPage(item.url); // agora passa "table" corretamente
}}
>
{item.icon && }
{item.name}
);
}
return (
{item.icon && }
{item.name}
);
};
return (
);
}
export default Sidebar;