\n Maintenance Costs\n

\n Track property maintenance expenses and repairs\n

\n setShowAddCost(true)}\n className=\"btn-primary\"\n >\n 🔧 Add Maintenance Cost\n \n

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

{formatCurrency(totalCosts)}

Total Maintenance Costs

{formatCurrency(taxDeductibleTotal)}

Tax Deductible

{costs.length}

Total Records

\n\n {/* Category Breakdown */}\n

Costs by Category

\n {Object.entries(categoryTotals)\n .sort(([,a], [,b]) => b - a)\n .slice(0, 8)\n .map(([category, total]) => (\n

\n {category}\n {formatCurrency(total)}\n

\n ))}\n

\n\n

Recent Activity

\n {costs.slice(0, 5).map((cost) => (\n

{cost.description}

{cost.category} • {formatDate(cost.date)}

{formatCurrency(cost.amount)}

\n ))}\n

\n\n {/* Maintenance Costs Table */}\n

All Maintenance Records

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {costs.map((cost) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

\n Description\n	\n Category\n	\n Amount\n	\n Date\n	\n Vendor\n	\n Unit\n	\n Tax Deductible\n
\n {cost.description} \n	\n \n {cost.category}\n \n	\n {formatCurrency(cost.amount)}\n	\n {formatDate(cost.date)}\n	\n {cost.vendor \|\| '-'}\n	\n {cost.unit \|\| 'All'}\n	\n {cost.tax_deductible ? (\n ✓ Yes\n ) : (\n ✗ No\n )}\n

\n\n {/* Add Maintenance Cost Modal */}\n {showAddCost && (\n

Add Maintenance Cost

\n Description\n \n

\n Category\n \n

\n Amount\n \n

\n Date\n \n

\n Vendor/Contractor\n \n

\n Unit (optional)\n \n

\n Receipt URL (optional)\n \n

\n \n \n Tax deductible expense\n \n

\n setShowAddCost(false)}\n className=\"btn-secondary\"\n >\n Cancel\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/Maintenance.tsx","extension","actionData","errors"]