Loading dashboard statistics...

\n );\n }\n\n const statCards = [\n {\n title: 'Total Orders',\n value: stats.total,\n icon: '📋',\n color: 'bg-blue-500',\n textColor: 'text-blue-600'\n },\n {\n title: 'Pending Orders',\n value: stats.pending,\n icon: '⏳',\n color: 'bg-orange-500',\n textColor: 'text-orange-600'\n },\n {\n title: 'Preparing',\n value: stats.preparing,\n icon: '👨‍🍳',\n color: 'bg-blue-500',\n textColor: 'text-blue-600'\n },\n {\n title: 'Ready for Pickup',\n value: stats.ready,\n icon: '✅',\n color: 'bg-green-500',\n textColor: 'text-green-600'\n },\n {\n title: 'Completed',\n value: stats.completed,\n icon: '🎉',\n color: 'bg-purple-500',\n textColor: 'text-purple-600'\n },\n {\n title: 'Total Revenue',\n value: `₹${stats.totalRevenue}`,\n icon: '💰',\n color: 'bg-green-500',\n textColor: 'text-green-600'\n }\n ];\n\n return (\n

\n {/* Welcome Section */}\n

Welcome to Canteen Admin

\n Monitor orders, manage menu items, and track your canteen's performance in real-time.\n

\n\n {/* Stats Grid */}\n

\n {statCards.map((stat, index) => (\n

\n {stat.icon}\n

{stat.title}

{stat.value}

\n ))}\n

\n\n {/* Order Status Overview */}\n

Order Status Overview

\n {[\n { status: 'Pending', count: stats.pending, color: 'bg-orange-500', percentage: (stats.pending / stats.total) * 100 },\n { status: 'Confirmed', count: stats.confirmed, color: 'bg-blue-500', percentage: (stats.confirmed / stats.total) * 100 },\n { status: 'Preparing', count: stats.preparing, color: 'bg-yellow-500', percentage: (stats.preparing / stats.total) * 100 },\n { status: 'Ready', count: stats.ready, color: 'bg-green-500', percentage: (stats.ready / stats.total) * 100 },\n { status: 'Completed', count: stats.completed, color: 'bg-purple-500', percentage: (stats.completed / stats.total) * 100 },\n { status: 'Cancelled', count: stats.cancelled, color: 'bg-red-500', percentage: (stats.cancelled / stats.total) * 100 }\n ].map((item) => (\n

{item.status}

{item.count}

\n ))}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n \n \n \n

\n\n {/* Recent Activity */}\n

System Status

\n Database Connection\n

\n Active\n

\n Order Processing\n

\n Online\n

\n Last Data Refresh\n

\n {new Date().toLocaleTimeString()}\n

\n \n );\n};\n\nexport default DashboardStats;","deleted","label",[169,170,171,152],"frontend","components","Admin","permalink","https://www.val.town/x/Pratham211/canteen/code/frontend/components/Admin/DashboardStats.tsx","extension","actionData","errors"]