From 111baa27f9a1efabd9a435b4d94ba4fb6763b4ae Mon Sep 17 00:00:00 2001
From: Stephen Adamson <popertots@gmail.com>
Date: Thu, 25 Jun 2026 14:42:19 +0100
Subject: [PATCH] =?UTF-8?q?style:=20fix=20require-each-key=20=E2=80=94=20a?=
 =?UTF-8?q?dd=20missing=20keys=20to=20all=20{#each}=20blocks?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lib/components/account/UserBookingModal.svelte  | 2 +-
 frontend/src/lib/components/admin/ApprovalModal.svelte       | 2 +-
 frontend/src/lib/components/admin/BookingModal.svelte        | 2 +-
 frontend/src/lib/components/admin/BusinessSettings.svelte    | 2 +-
 frontend/src/lib/components/admin/HolidayHours.svelte        | 4 ++--
 frontend/src/lib/components/admin/WeeklySchedule.svelte      | 4 ++--
 frontend/src/lib/components/booking/BookingFlow.svelte       | 4 ++--
 frontend/src/lib/components/payments/PaymentModal.svelte     | 2 +-
 frontend/src/lib/components/payments/UserPaymentModal.svelte | 4 ++--
 frontend/src/routes/account/+page.svelte                     | 4 ++--
 frontend/src/routes/schedule/+page.svelte                    | 4 ++--
 11 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/lib/components/account/UserBookingModal.svelte b/frontend/src/lib/components/account/UserBookingModal.svelte
index 3cc853b..45a2b8a 100644
--- a/frontend/src/lib/components/account/UserBookingModal.svelte
+++ b/frontend/src/lib/components/account/UserBookingModal.svelte
@@ -608,7 +608,7 @@ ${hasVAT ? `<p class="warning">VAT is included at ${biz?.default_vat_rate ?? 20}
 							<div
 								class="my-2 space-y-1 rounded-md border-y border-fuchsia-100 bg-fuchsia-50/20 px-2 py-2"
 							>
-								{#each selectedBooking.discounts as d}
+								{#each selectedBooking.discounts as d (d.id)}
 									<div class="flex items-center justify-between text-xs text-fuchsia-800">
 										<span class="flex items-center gap-1.5">
 											<span class="h-1.5 w-1.5 rounded-full bg-fuchsia-400"></span>
diff --git a/frontend/src/lib/components/admin/ApprovalModal.svelte b/frontend/src/lib/components/admin/ApprovalModal.svelte
index 3b8d809..26da7a8 100644
--- a/frontend/src/lib/components/admin/ApprovalModal.svelte
+++ b/frontend/src/lib/components/admin/ApprovalModal.svelte
@@ -663,7 +663,7 @@
 			{#if booking.discounts && booking.discounts.length > 0}
 				<div class="mt-3 rounded-md border border-blue-200 bg-blue-50 p-3 text-sm text-blue-800">
 					<p class="font-medium">Applied Discounts</p>
-					{#each booking.discounts as d}
+					{#each booking.discounts as d (d.id)}
 						<p class="mt-1">
 							- {d.discount_source === 'loyalty'
 								? 'Loyalty Stamp Card'
diff --git a/frontend/src/lib/components/admin/BookingModal.svelte b/frontend/src/lib/components/admin/BookingModal.svelte
index 2e52bdc..bd4080a 100644
--- a/frontend/src/lib/components/admin/BookingModal.svelte
+++ b/frontend/src/lib/components/admin/BookingModal.svelte
@@ -575,7 +575,7 @@
 							<div
 								class="my-2 space-y-1 rounded-md border-y border-fuchsia-100 bg-fuchsia-50/20 px-2 py-2"
 							>
-								{#each selectedBooking.discounts as d}
+								{#each selectedBooking.discounts as d (d.id)}
 									<div class="flex items-center justify-between text-xs text-fuchsia-800">
 										<span class="flex items-center gap-1.5">
 											<span class="h-1.5 w-1.5 rounded-full bg-fuchsia-400"></span>
diff --git a/frontend/src/lib/components/admin/BusinessSettings.svelte b/frontend/src/lib/components/admin/BusinessSettings.svelte
index 16ad2ca..958f4d1 100644
--- a/frontend/src/lib/components/admin/BusinessSettings.svelte
+++ b/frontend/src/lib/components/admin/BusinessSettings.svelte
@@ -628,7 +628,7 @@
 							onchange={() => validateField('voucher_type')}
 						>
 							<option value="" disabled>Select voucher type</option>
-							{#each VOUCHER_TYPES as vt}
+							{#each VOUCHER_TYPES as vt (vt.value)}
 								<option value={vt.value}>{vt.label}</option>
 							{/each}
 						</select>
diff --git a/frontend/src/lib/components/admin/HolidayHours.svelte b/frontend/src/lib/components/admin/HolidayHours.svelte
index b6b05e2..c28527e 100644
--- a/frontend/src/lib/components/admin/HolidayHours.svelte
+++ b/frontend/src/lib/components/admin/HolidayHours.svelte
@@ -561,7 +561,7 @@
 											disabled={!row.is_open}
 											class="w-24 text-sm"
 										>
-											{#each Array(24) as _, hour}
+											{#each Array(24) as _, hour (hour)}
 												{#each TIME15 as min (min)}
 													<option value="{String(hour).padStart(2, '0')}:{min}"
 														>{String(hour).padStart(2, '0')}:{min}</option
@@ -572,7 +572,7 @@
 									</td>
 									<td class="py-2">
 										<select bind:value={row.end_time} disabled={!row.is_open} class="w-24 text-sm">
-											{#each Array(24) as _, hour}
+											{#each Array(24) as _, hour (hour)}
 												{#each TIME15 as min (min)}
 													<option value="{String(hour).padStart(2, '0')}:{min}"
 														>{String(hour).padStart(2, '0')}:{min}</option
diff --git a/frontend/src/lib/components/admin/WeeklySchedule.svelte b/frontend/src/lib/components/admin/WeeklySchedule.svelte
index 803a57d..16f36cf 100644
--- a/frontend/src/lib/components/admin/WeeklySchedule.svelte
+++ b/frontend/src/lib/components/admin/WeeklySchedule.svelte
@@ -485,7 +485,7 @@
 										disabled={!row.is_open}
 										class="max-w-[70px] text-sm"
 									>
-										{#each Array(24) as _, hour}
+										{#each Array(24) as _, hour (hour)}
 											{#each TIME15 as min (min)}
 												<option value="{String(hour).padStart(2, '0')}:{min}"
 													>{String(hour).padStart(2, '0')}:{min}</option
@@ -500,7 +500,7 @@
 										disabled={!row.is_open}
 										class="max-w-[70px] text-sm"
 									>
-										{#each Array(24) as _, hour}
+										{#each Array(24) as _, hour (hour)}
 											{#each TIME15 as min (min)}
 												<option value="{String(hour).padStart(2, '0')}:{min}"
 													>{String(hour).padStart(2, '0')}:{min}</option
diff --git a/frontend/src/lib/components/booking/BookingFlow.svelte b/frontend/src/lib/components/booking/BookingFlow.svelte
index 5268147..60b535e 100644
--- a/frontend/src/lib/components/booking/BookingFlow.svelte
+++ b/frontend/src/lib/components/booking/BookingFlow.svelte
@@ -1561,7 +1561,7 @@
 
 	{#if !authReady}
 		<div class="mb-6 flex items-center justify-center gap-2">
-			{#each [1, 2, 3, 4] as _}
+			{#each [1, 2, 3, 4] as _ (_)}
 				<div class="flex items-center gap-1">
 					<div class="h-8 w-8 animate-pulse rounded-full bg-gray-200" />
 					<div class="h-3 w-16 animate-pulse rounded bg-gray-200" />
@@ -2088,7 +2088,7 @@
 									{/each}
 									<div class="border-t pt-2">
 										{#if discountPreview?.eligible}
-											{#each discountPreview.discounts as d}
+											{#each discountPreview.discounts as d (d.name)}
 												<div class="flex justify-between text-sm text-gray-600">
 													<span>{d.name}</span>
 													<span>-£{d.amount.toFixed(2)}</span>
diff --git a/frontend/src/lib/components/payments/PaymentModal.svelte b/frontend/src/lib/components/payments/PaymentModal.svelte
index cb1a1ee..4247d6a 100644
--- a/frontend/src/lib/components/payments/PaymentModal.svelte
+++ b/frontend/src/lib/components/payments/PaymentModal.svelte
@@ -767,7 +767,7 @@
 							</span>
 						</div>
 						<div class="space-y-2 text-sm">
-							{#each booking.discounts as d}
+							{#each booking.discounts as d (d.id)}
 								<div class="flex items-center justify-between text-gray-600">
 									<div class="flex items-center gap-1.5">
 										<span class="h-1.5 w-1.5 rounded-full bg-fuchsia-400"></span>
diff --git a/frontend/src/lib/components/payments/UserPaymentModal.svelte b/frontend/src/lib/components/payments/UserPaymentModal.svelte
index c47cc28..cd2697f 100644
--- a/frontend/src/lib/components/payments/UserPaymentModal.svelte
+++ b/frontend/src/lib/components/payments/UserPaymentModal.svelte
@@ -772,7 +772,7 @@
 							{/if}
 						</div>
 						<div class="space-y-2 text-sm">
-							{#each booking.discounts as d}
+							{#each booking.discounts as d (d.id)}
 								<div class="flex items-center justify-between text-gray-600">
 									<div class="flex items-center gap-1.5">
 										<span class="h-1.5 w-1.5 rounded-full bg-fuchsia-400"></span>
@@ -802,7 +802,7 @@
 						>
 					</div>
 					{#if discountPreview?.eligible}
-						{#each discountPreview.discounts as d}
+						{#each discountPreview.discounts as d (d.name)}
 							<div class="flex justify-between text-sm">
 								<span class="text-gray-600">{d.name}</span>
 								<span class="font-medium text-green-700"
diff --git a/frontend/src/routes/account/+page.svelte b/frontend/src/routes/account/+page.svelte
index 049d21a..52bc80d 100644
--- a/frontend/src/routes/account/+page.svelte
+++ b/frontend/src/routes/account/+page.svelte
@@ -1748,7 +1748,7 @@
 										</div>
 
 										<div class="grid grid-cols-5 gap-3 sm:grid-cols-10">
-											{#each Array(10) as _, i}
+											{#each Array(10) as _, i (i)}
 												{@const slotNum = i + 1}
 												{@const rot = ((slotNum * 37 + 13) % 7) - 3}
 												{#if slotNum <= (stamps > 0 ? stamps % 10 || 10 : 0)}
@@ -2341,7 +2341,7 @@
 										>Select Value</span
 									>
 									<div class="grid grid-cols-3 gap-2">
-										{#each [10, 20, 50] as amount}
+										{#each [10, 20, 50] as amount (amount)}
 											<button
 												type="button"
 												class="rounded-lg border py-2.5 text-center text-sm font-semibold transition-colors {buyAmount ===
diff --git a/frontend/src/routes/schedule/+page.svelte b/frontend/src/routes/schedule/+page.svelte
index 9de47cf..82a8fb9 100644
--- a/frontend/src/routes/schedule/+page.svelte
+++ b/frontend/src/routes/schedule/+page.svelte
@@ -185,7 +185,7 @@
 			<div class="h-8 w-44 rounded-lg bg-gray-200"></div>
 			<div class="h-4 w-64 rounded bg-gray-200"></div>
 			<div class="space-y-4 pt-2">
-				{#each Array(3) as _, i}
+				{#each Array(3) as _, i (i)}
 					<div class="rounded-xl border bg-white p-5 shadow-sm">
 						<div class="mb-3 flex items-center gap-3">
 							<div class="h-4 w-24 rounded bg-gray-200"></div>
@@ -218,7 +218,7 @@
 
 		{#if loading}
 			<div class="space-y-6">
-				{#each Array(3) as _, i}
+				{#each Array(3) as _, i (i)}
 					<div class="animate-pulse rounded-xl border bg-white p-5 shadow-sm">
 						<div class="mb-3 flex items-center gap-3">
 							<div class="h-4 w-24 rounded bg-gray-200"></div>