From 345da2ef7aab278c8562cdb30beb7938cda5d0c9 Mon Sep 17 00:00:00 2001
From: Shaun Campbell <shaun@campbellwireless.net>
Date: Sun, 22 Feb 2026 14:46:51 -0500
Subject: [PATCH] fix(admin/users): convert Svelte 4 event syntax to Svelte 5

Replace `on:keydown` with `onkeydown` and `onsubmit|preventDefault`
with inline handlers calling `e.preventDefault()` to fix compilation
errors caused by mixing old and new Svelte event syntax.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/routes/(protected)/admin/users/+page.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/(protected)/admin/users/+page.svelte b/src/routes/(protected)/admin/users/+page.svelte
index 70004e9..86b4fd8 100644
--- a/src/routes/(protected)/admin/users/+page.svelte
+++ b/src/routes/(protected)/admin/users/+page.svelte
@@ -418,14 +418,14 @@
 		role="button"
 		tabindex="-1"
 		onclick={closeAddDrawer}
-		on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()}
+		onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()}
 	></div>
 	<div
 		class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl"
 		role="dialog"
 		aria-modal="true"
 		aria-label="Add user"
-		on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()}
+		onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()}
 	>
 		<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
 			<div>
@@ -443,7 +443,7 @@
 				</svg>
 			</button>
 		</div>
-		<form class="flex flex-1 flex-col gap-4 overflow-y-auto px-6 py-4" onsubmit|preventDefault={submitAddUser}>
+		<form class="flex flex-1 flex-col gap-4 overflow-y-auto px-6 py-4" onsubmit={(e) => { e.preventDefault(); submitAddUser(); }}>
 			{#if addError}
 				<p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
 					{addError}
@@ -517,14 +517,14 @@
 		role="button"
 		tabindex="-1"
 		onclick={closePasswordDrawer}
-		on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()}
+		onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()}
 	></div>
 	<div
 		class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl"
 		role="dialog"
 		aria-modal="true"
 		aria-label="Set local password"
-		on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()}
+		onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()}
 	>
 		<div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
 			<div>
@@ -544,7 +544,7 @@
 		</div>
 		<form
 			class="flex flex-1 flex-col gap-4 overflow-y-auto px-6 py-4"
-			onsubmit|preventDefault={submitLocalPassword}
+			onsubmit={(e) => { e.preventDefault(); submitLocalPassword(); }}
 		>
 			{#if localPasswordError}
 				<p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">