From 0b5a9f8b61e275a038a5fc93497be982e0ed7ecd Mon Sep 17 00:00:00 2001
From: Tim Wundenberg <tim@wundenbergs.de>
Date: Wed, 21 May 2025 19:18:48 +0200
Subject: [PATCH] wip: recurring transactions

---
 .../transaction_recurring.templ                 |  2 +-
 template/treasurechest/treasure_chest.templ     | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/template/transaction_recurring/transaction_recurring.templ b/template/transaction_recurring/transaction_recurring.templ
index a9914ee..e3a211c 100644
--- a/template/transaction_recurring/transaction_recurring.templ
+++ b/template/transaction_recurring/transaction_recurring.templ
@@ -5,7 +5,7 @@ import "spend-sparrow/template/svg"
 import "spend-sparrow/types"
 
 templ TransactionRecurringItems(transactionsRecurring []*types.TransactionRecurring) {
-	<div id="transaction-items" class="my-6">
+	<div id="transaction-recurring-items" class="my-6">
 		for _, transaction := range transactionsRecurring {
 			@TransactionRecurringItem(transaction)
 		}
diff --git a/template/treasurechest/treasure_chest.templ b/template/treasurechest/treasure_chest.templ
index 4645754..c85e771 100644
--- a/template/treasurechest/treasure_chest.templ
+++ b/template/treasurechest/treasure_chest.templ
@@ -11,10 +11,10 @@ templ TreasureChest(treasureChests []*types.TreasureChest) {
 			hx-get="/treasurechest/new"
 			hx-target="#treasurechest-items"
 			hx-swap="afterbegin"
-			class="ml-auto button button-primary px-2 flex-1 flex items-center gap-2 justify-center"
+			class="ml-auto text-center button button-primary px-2 flex items-center gap-2"
 		>
 			@svg.Plus()
-			<p>New Treasure Chest</p>
+			New Treasure Chest
 		</button>
 		<div id="treasurechest-items" class="my-6 flex flex-col">
 			for _, treasureChest := range treasureChests {
@@ -96,7 +96,18 @@ templ EditTreasureChest(treasureChest *types.TreasureChest, parents []*types.Tre
 			</button>
 		</form>
 		<div class="m-10 border-b-gray-400 border-b-1"></div>
-		<h3 class="text-sm text-gray-500">Monthly Transactions</h3>
+		<div class="flex">
+			<h3 class="text-sm text-gray-500">Monthly Transactions</h3>
+			<button
+				hx-get="/transaction-rucurring/new"
+				hx-target="#transaction-recurring-items"
+				hx-swap="afterbegin"
+				class="button button-primary ml-auto px-2 flex items-center gap-2"
+			>
+				@svg.Plus()
+				<p>New Monthly Transaction</p>
+			</button>
+		</div>
 		@transactionsRecurring
 	</div>
 }