diff --git a/18-expenses-chart/templates/index.templ b/18-expenses-chart/templates/index.templ index 448a95f..dac9b43 100644 --- a/18-expenses-chart/templates/index.templ +++ b/18-expenses-chart/templates/index.templ @@ -11,10 +11,10 @@ type PageData struct { } templ myBalanceComponent(balance float32) { -
+
My balance -

${ fmt.Sprintf("%.2f", balance) }

+

${ fmt.Sprintf("%.2f", balance) }

- Spending - Last 7 days +
+ Spending - Last 7 days @expensesChart(expenses, percentages, currentDayNum)

Total this month

-

$ { fmt.Sprintf("%.2f", totalThisMonth) }

+

$ { fmt.Sprintf("%.2f", totalThisMonth) }

{ fmt.Sprintf("%.2f", percentComparedToLastMonth) }%

@@ -90,6 +90,13 @@ templ spendingSummaryComponent(expenses, percentages []float32, currentDayNum in
} +templ WidgetsComponend(pageData PageData) { +
+ @myBalanceComponent(pageData.Balance) + @prepareSummaryComponent(pageData.Expenses, pageData.PercentComparedToLastMonth, pageData.TotalThisMonth) +
+} + templ IndexPage(pageData PageData) { @@ -108,11 +115,10 @@ templ IndexPage(pageData PageData) { .attribution a { color: hsl(228, 45%, 44%); } - -
- @myBalanceComponent(pageData.Balance) - @prepareSummaryComponent(pageData.Expenses, pageData.PercentComparedToLastMonth, pageData.TotalThisMonth) -
+ +
+ @WidgetsComponend(pageData) +
Challenge by Frontend Mentor. Coded by Your Name Here.