campbellwireless/trips
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin/users): convert Svelte 4 event syntax to Svelte 5
All checks were successful
PR Checks / lint-test-and-docker-build (pull_request) Successful in 2m15s
Details

Browse Source 
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>
This commit is contained in:
Shaun Campbell
2026-02-22 14:46:51 -05:00
parent 5c7bae61b5
commit 345da2ef7a
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/(protected)/admin/users/+page.svelte
View File

@@ -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">