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" role="button"
tabindex="-1" tabindex="-1"
onclick={closeAddDrawer} onclick={closeAddDrawer}
on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()} onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closeAddDrawer()}
></div> ></div>
<div <div
class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl" class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Add user" 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 class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
<div> <div>
@@ -443,7 +443,7 @@
</svg> </svg>
</button> </button>
</div> </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} {#if addError}
<p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"> <p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
{addError} {addError}
@@ -517,14 +517,14 @@
role="button" role="button"
tabindex="-1" tabindex="-1"
onclick={closePasswordDrawer} onclick={closePasswordDrawer}
on:keydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()} onkeydown={(e: KeyboardEvent) => e.key === 'Escape' && closePasswordDrawer()}
></div> ></div>
<div <div
class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl" class="fixed top-0 right-0 z-50 flex h-full w-full max-w-md flex-col bg-white shadow-xl"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Set local password" 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 class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
<div> <div>
@@ -544,7 +544,7 @@
</div> </div>
<form <form
class="flex flex-1 flex-col gap-4 overflow-y-auto px-6 py-4" 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} {#if localPasswordError}
<p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700"> <p class="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">