Error Loading Dashboard

{error}

\n \n

\n );\n }\n\n const navigation = [\n { id: 'dashboard', name: 'Dashboard', icon: '📊' },\n { id: 'tasks', name: 'Tasks', icon: '✅' },\n { id: 'staff', name: 'Staff', icon: '👥' },\n { id: 'clients', name: 'Clients', icon: '🤝' },\n { id: 'kpis', name: 'KPIs', icon: '📈' }\n ];\n\n const renderCurrentView = () => {\n switch (currentView) {\n case 'dashboard':\n return ;\n case 'tasks':\n return ;\n case 'staff':\n return ;\n case 'clients':\n return ;\n case 'kpis':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {/* Header */}\n

\n 📊 Operations Dashboard\n

\n \n 🔄\n \n

\n Last updated: {new Date().toLocaleTimeString()}\n

\n\n

\n {/* Sidebar Navigation */}\n

\n setCurrentView(item.id as View)}\n className={`w-full flex items-center px-4 py-2 text-left rounded-lg transition-colors ${\n currentView === item.id\n ? 'bg-blue-100 text-blue-700 font-medium'\n : 'text-gray-700 hover:bg-gray-100'\n }`}\n >\n {item.icon}\n {item.name}\n \n

\n\n {/* Quick Stats in Sidebar */}\n {dashboardData && (\n

Quick Stats

\n Pending Tasks\n {dashboardData.tasks.pending}\n

\n Active Staff\n {dashboardData.staff.active}\n

\n Due Follow-ups\n {dashboardData.clients.followups_due}\n

\n )}\n

\n\n {/* Main Content */}\n

\n {renderCurrentView()}\n

\n );\n}\n\n// Extend Window interface for TypeScript\ndeclare global {\n interface Window {\n __INITIAL_DATA__?: DashboardData;\n }\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/amak/Bizapp/code/frontend/components/App.tsx","extension","actionData","errors"]