\n {/* Summary Cards */}\n

Today's Total

{formatCurrency(data.todayTotal)}

\n 📅\n

\n\n

This Week

{formatCurrency(data.weekTotal)}

\n 📊\n

\n\n

This Month

{formatCurrency(data.monthTotal)}

\n 📈\n

\n\n {/* Fuel Type Breakdown */}\n

⛽ Fuel Type Breakdown

\n 🔵 Diesel\n {formatCurrency(data.summary.dieselAmount)}\n

\n 🟢 Petrol\n {formatCurrency(data.summary.petrolAmount)}\n

\n\n {/* Branch Breakdown */}\n

🏢 Branch Breakdown

\n 🅰️ Branch A\n {formatCurrency(data.summary.branchTotals['Branch A'] || 0)}\n

\n 🅱️ Branch B\n {formatCurrency(data.summary.branchTotals['Branch B'] || 0)}\n

\n 🅲 Branch C\n {formatCurrency(data.summary.branchTotals['Branch C'] || 0)}\n

\n\n {/* Recent Expenses */}\n

📋 Recent Expenses

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

\n 📝\n

No expenses recorded yet

\n ) : (\n

\n {data.recentExpenses.slice(0, 5).map((expense, index) => (\n

\n {expense.date}\n \n {expense.branch}\n \n \n {expense.fuelType}\n \n

{expense.description}

{expense.category}

{formatCurrency(expense.amount)}

\n ))}\n

\n )}\n

\n\n {/* Category Breakdown */}\n {Object.keys(data.summary.categoryTotals).length > 0 && (\n

📊 Category Breakdown

\n {Object.entries(data.summary.categoryTotals)\n .sort(([,a], [,b]) => b - a)\n .map(([category, amount], index) => (\n

{category}

{formatCurrency(amount)}

\n ))}\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/izake_aa/Interface/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]