From 25a94bd117de0c6115f3e7e196cd24f596f7d117 Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Wed, 27 Aug 2025 14:21:34 -0400
Subject: [PATCH] fix(web): sign up double click (#21349)

---
 web/src/routes/auth/register/+page.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/auth/register/+page.svelte b/web/src/routes/auth/register/+page.svelte
index 4ec1b9718e..3eb046e80f 100644
--- a/web/src/routes/auth/register/+page.svelte
+++ b/web/src/routes/auth/register/+page.svelte
@@ -13,6 +13,7 @@
   let password = $state('');
   let confirmPassword = $state('');
   let name = $state('');
+  let loading = $state(false);
   let errorMessage = $derived(
     password === confirmPassword || confirmPassword.length === 0 ? '' : $t('password_does_not_match'),
   );
@@ -27,10 +28,11 @@
   const onSubmit = async (event: Event) => {
     event.preventDefault();
 
-    if (!valid) {
+    if (!valid || loading) {
       return;
     }
 
+    loading = true;
     errorMessage = '';
 
     try {
@@ -40,6 +42,8 @@
     } catch (error) {
       handleError(error, $t('errors.unable_to_create_admin_account'));
       errorMessage = $t('errors.unable_to_create_admin_account');
+    } finally {
+      loading = false;
     }
   };
 </script>
@@ -70,6 +74,8 @@
       <Alert color="danger" title={errorMessage} size="medium" class="mt-4" />
     {/if}
 
-    <Button class="mt-4" type="submit" size="giant" shape="round" fullWidth disabled={!valid}>{$t('sign_up')}</Button>
+    <Button class="mt-4" type="submit" size="giant" shape="round" fullWidth disabled={!valid || loading} {loading}
+      >{$t('sign_up')}</Button
+    >
   </form>
 </AuthPageLayout>