wip: recurring transactions

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)
 		}

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>
+		<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>
 }