,
) {
return (
-
+
+ {budget.name}: {currency(budget.spent)} / {currency(budget.target)}{' '}
+ ({percentage(budget.spent / budget.target)})
+
+
+
)
}
@@ -50,6 +67,21 @@ export default function Dashboard() {
target: 1000,
spent: 367.97,
},
+ {
+ name: 'Fast Food',
+ target: 300,
+ spent: 420.69,
+ },
+ {
+ name: 'Insurance',
+ target: 220.44,
+ spent: 0,
+ },
+ {
+ name: 'Mortgage',
+ target: 1310.47,
+ spent: 1310.47,
+ },
]
const navItems = [
{
@@ -113,11 +145,11 @@ export default function Dashboard() {
return (
-
- This is the main content
+
+ {budgets.map((budget, _i) => )}
-