Loading dashboard data...

\n );\n }\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n return (\n

\n {/* Header */}\n

Dashboard

\n \n 🔄 Refresh\n \n

\n\n {/* Stats Cards */}\n

Total Revenue

{formatCurrency(data.totalRevenue)}

💰

\n\n

Total Sales

{data.totalSales}

🛒

\n\n

Total Customers

{data.totalCustomers}

👥

\n\n

0 ? 'warning' : 'revenue'}`}>\n

Low Stock Items

{data.lowStockItems}

{data.lowStockItems > 0 ? '⚠️' : '✅'}

\n\n {/* Low Stock Alert */}\n {data.lowStockItems > 0 && (\n

\n ⚠️ Low Stock Alert: You have {data.lowStockItems} item(s) running low on stock. \n Check your inventory to restock soon.\n

\n )}\n\n

\n {/* Recent Sales */}\n

Recent Sales

\n {data.recentSales.length === 0 ? (\n

No sales recorded yet

\n ) : (\n

\n {data.recentSales.slice(0, 5).map((sale) => (\n

{formatCurrency(sale.total_amount)}

{formatDate(sale.created_at)}

\n \n {sale.payment_method}\n \n

\n ))}\n

\n )}\n

\n\n {/* Top Products */}\n

Top Selling Products

\n {data.topProducts.length === 0 ? (\n

No sales data available

\n ) : (\n

\n {data.topProducts.map((product, index) => (\n

{product.product_name}

{product.total_sold} units sold

{formatCurrency(product.revenue)}

\n ))}\n

\n )}\n

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

Quick Actions

\n \n \n \n \n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Deedeesworld/untitled-7517/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]