feat(transaction-recurring): #100 implement editing of recurring transactions based on treasure chests

template/transaction_recurring/transaction_recurring.templ

@@ -6,7 +6,7 @@ import "spend-sparrow/types"
 
 templ TransactionRecurringItems(transactionsRecurring []*types.TransactionRecurring, editId, accountId, treasureChestId string) {
 	<!-- Don't use table, because embedded forms are only valid for cells -->
-	<div id="transaction-recurring" class="max-w-full grid gap-4 mt-10 grid-cols-[auto_auto_auto_auto_auto_max-content] items-center text-xl">
+	<div id="transaction-recurring" class="max-w-full grid gap-4 mt-10 grid-cols-[max-content_auto_auto_auto_auto_max-content] items-center text-xl">
 		<span class="text-sm text-gray-500">Active</span>
 		<span class="text-sm text-gray-500">Party</span>
 		<span class="text-sm text-gray-500">Description</span>
@@ -27,25 +27,25 @@ templ TransactionRecurringItems(transactionsRecurring []*types.TransactionRecurr
 }
 
 templ TransactionRecurringItem(transactionRecurring *types.TransactionRecurring, accountId, treasureChestId string) {
-	<p class="text-gray-600">
+	<p class="text-gray-600 text-center">
 		if transactionRecurring.Active {
-			Yes
+			✅
 		} else {
-			No
+			❌
 		}
 	</p>
 	<p class="text-gray-600">
 		if transactionRecurring.Party != "" {
 			{ transactionRecurring.Party }
 		} else {
-			&nbsp;
+			-
 		}
 	</p>
 	<p class="text-gray-600">
 		if transactionRecurring.Description != "" {
 			{ transactionRecurring.Description }
 		} else {
-			&nbsp;
+			-
 		}
 	</p>
 	<p class="text-gray-500 text-sm">

template/treasurechest/treasure_chest.templ

@@ -101,7 +101,7 @@ templ EditTreasureChest(treasureChest *types.TreasureChest, parents []*types.Tre
 				<h3 class="text-sm text-gray-500">Monthly Transactions</h3>
 				<button
 					hx-get={ "/transaction-recurring?id=new&treasure-chest-id=" + id }
-					hx-target="#transaction-recurring"
+					hx-target="next #transaction-recurring"
 					hx-swap="outerHTML"
 					class="button button-primary ml-auto px-2 flex items-center gap-2"
 				>