From ad30f040789d520fbb97a4243ec2fb39ad3523c9 Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Mon, 4 Nov 2024 19:00:23 +0000
Subject: [PATCH] refactor(#59): Verify that 'transactions' is always defined
 before iteration

---
 src/routes/account/+page.svelte | 38 +++++++++++++++++----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/routes/account/+page.svelte b/src/routes/account/+page.svelte
index df1c19e..b5f8524 100644
--- a/src/routes/account/+page.svelte
+++ b/src/routes/account/+page.svelte
@@ -106,24 +106,26 @@
 			<section class="space-y-4">
 				<h2 class="text-xl font-semibold">Billing History</h2>
 				<ul class="space-y-3">
-					{#each transactions as transaction}
-						<li class="flex justify-between p-4 border border-gray-200 rounded-md">
-							<div>
-								<p class="text-sm text-gray-500">Date: {transaction.created}</p>
-								<p class="text-sm text-gray-500">
-									Amount: {transaction.amount}
-									{transaction.currency}
-								</p>
-							</div>
-							{#if transaction.receipt_url}
-								<a href={transaction.receipt_url} class="btn btn-outline btn-sm" target="_blank">
-									Download Receipt
-								</a>
-							{:else}
-								<span class="text-gray-500">Receipt unavailable</span>
-							{/if}
-						</li>
-					{/each}
+					{#if transactions}
+						{#each transactions as transaction}
+							<li class="flex justify-between p-4 border border-gray-200 rounded-md">
+								<div>
+									<p class="text-sm text-gray-500">Date: {transaction.created}</p>
+									<p class="text-sm text-gray-500">
+										Amount: {transaction.amount}
+										{transaction.currency}
+									</p>
+								</div>
+								{#if transaction.receipt_url}
+									<a href={transaction.receipt_url} class="btn btn-outline btn-sm" target="_blank">
+										Download Receipt
+									</a>
+								{:else}
+									<span class="text-gray-500">Receipt unavailable</span>
+								{/if}
+							</li>
+						{/each}
+					{/if}
 				</ul>
 			</section>
 		</div>