Loading dashboard...

\n );\n }\n\n if (!summary) {\n return (\n

Error loading financial 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 profitMargin = summary.total_rent_collected > 0 \n ? ((summary.net_income / summary.total_rent_collected) * 100).toFixed(1)\n : '0';\n\n return (\n

\n {/* Page Header */}\n

\n Financial Dashboard\n

\n Overview of your rental property finances\n

\n \n 🔄 Refresh Data\n \n

\n\n {/* Key Metrics Cards */}\n

\n {/* Total Rent Collected */}\n

💰

\n Total Rent Collected\n: \n {formatCurrency(summary.total_rent_collected)}\n

\n\n {/* Net Income */}\n

📈

\n Net Income\n: = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {formatCurrency(summary.net_income)}\n

\n\n {/* Pending Rent */}\n

⏰

\n Pending Rent\n: \n {formatCurrency(summary.pending_rent)}\n

\n\n {/* Tax Deductions */}\n

📋

\n Tax Deductions\n: \n {formatCurrency(summary.tax_deductible_expenses)}\n

\n\n {/* Expense Breakdown */}\n

\n {/* Expenses Overview */}\n

Expense Breakdown

\n Maintenance Costs\n {formatCurrency(summary.total_maintenance_costs)}\n

\n Staff Payments\n {formatCurrency(summary.total_staff_payments)}\n

\n Total Expenses\n \n {formatCurrency(summary.total_maintenance_costs + summary.total_staff_payments)}\n \n

\n\n {/* Performance Metrics */}\n

Performance Metrics

\n Profit Margin\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {profitMargin}%\n \n

\n Expense Ratio\n \n {summary.total_rent_collected > 0 \n ? (((summary.total_maintenance_costs + summary.total_staff_payments) / summary.total_rent_collected) * 100).toFixed(1)\n : '0'\n }%\n \n

\n Collection Rate\n \n {(summary.total_rent_collected + summary.pending_rent) > 0\n ? ((summary.total_rent_collected / (summary.total_rent_collected + summary.pending_rent)) * 100).toFixed(1)\n : '100'\n }%\n \n

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

Quick Actions

\n \n \n \n \n

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