diff --git a/src/features/workspace/components/WorkspaceSidebar.jsx b/src/features/workspace/components/WorkspaceSidebar.jsx new file mode 100644 index 0000000..928807d --- /dev/null +++ b/src/features/workspace/components/WorkspaceSidebar.jsx @@ -0,0 +1,146 @@ +import React, { useState } from 'react'; +import { cn } from '@/lib/utils'; +import { + LayoutDashboard, + ArrowUpRight, + ArrowDownRight, + ArrowRightLeft, + Settings, + ChevronLeft, + ChevronRight, + Search, + Zap, + User, + LogOut, + HelpCircle +} from 'lucide-react'; + +export const WorkspaceSidebar = ({ activeScreen, onScreenChange }) => { + const [collapsed, setCollapsed] = useState(false); + const [searchTerm, setSearchTerm] = useState(''); + + const menuItems = [ + { id: 'dashboard', label: 'Dashboard', icon: LayoutDashboard, category: 'Geral' }, + { id: 'entradas', label: 'Receitas', icon: ArrowUpRight, category: 'Financeiro' }, + { id: 'saidas', label: 'Despesas', icon: ArrowDownRight, category: 'Financeiro' }, + { id: 'conciliacao', label: 'Conciliação', icon: ArrowRightLeft, category: 'Financeiro' }, + { id: 'config', label: 'Ajustes', icon: Settings, category: 'Sistema' }, + ]; + + const filteredItems = menuItems.filter(item => + item.label.toLowerCase().includes(searchTerm.toLowerCase()) || + item.category.toLowerCase().includes(searchTerm.toLowerCase()) + ); + + const categories = [...new Set(menuItems.map(item => item.category))]; + + return ( + + ); +};