feat(fase3): add Queues and Supervisor routes to MainLayout

- Add TeamOutlined and BarChartOutlined icons
- Import Queues and SupervisorDashboard pages
- Add /queues and /supervisor menu items
- Add routes for Queues and SupervisorDashboard

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Claude AI
2026-01-29 11:00:52 +00:00
parent f76c9bb3f4
commit 7a7c961d35

View File

@@ -11,6 +11,8 @@ import {
MenuFoldOutlined, MenuFoldOutlined,
MenuUnfoldOutlined, MenuUnfoldOutlined,
ApartmentOutlined, ApartmentOutlined,
TeamOutlined,
BarChartOutlined,
} from '@ant-design/icons'; } from '@ant-design/icons';
import { useAuthStore } from '../store/auth'; import { useAuthStore } from '../store/auth';
import Dashboard from '../pages/Dashboard'; import Dashboard from '../pages/Dashboard';
@@ -18,6 +20,8 @@ import WhatsAppAccounts from '../pages/WhatsAppAccounts';
import Inbox from '../pages/Inbox'; import Inbox from '../pages/Inbox';
import FlowList from '../pages/FlowList'; import FlowList from '../pages/FlowList';
import FlowBuilder from '../pages/FlowBuilder'; import FlowBuilder from '../pages/FlowBuilder';
import Queues from '../pages/Queues';
import SupervisorDashboard from '../pages/SupervisorDashboard';
const { Header, Sider, Content } = Layout; const { Header, Sider, Content } = Layout;
const { Text } = Typography; const { Text } = Typography;
@@ -54,6 +58,16 @@ export default function MainLayout() {
icon: <ApartmentOutlined />, icon: <ApartmentOutlined />,
label: 'Flujos', label: 'Flujos',
}, },
{
key: '/queues',
icon: <TeamOutlined />,
label: 'Colas',
},
{
key: '/supervisor',
icon: <BarChartOutlined />,
label: 'Supervisor',
},
{ {
key: '/settings', key: '/settings',
icon: <SettingOutlined />, icon: <SettingOutlined />,
@@ -162,6 +176,8 @@ export default function MainLayout() {
<Route path="/flows" element={<FlowList />} /> <Route path="/flows" element={<FlowList />} />
<Route path="/flows/new" element={<FlowBuilder />} /> <Route path="/flows/new" element={<FlowBuilder />} />
<Route path="/flows/:id" element={<FlowBuilder />} /> <Route path="/flows/:id" element={<FlowBuilder />} />
<Route path="/queues" element={<Queues />} />
<Route path="/supervisor" element={<SupervisorDashboard />} />
<Route path="/settings" element={<div>Configuración (próximamente)</div>} /> <Route path="/settings" element={<div>Configuración (próximamente)</div>} />
</Routes> </Routes>
</Content> </Content>