From 17addc8fcfc0f9960c843e6f3a3e2cc8a6663fd8 Mon Sep 17 00:00:00 2001
From: TroianoLuca <lucattroiano@gmail.com>
Date: Thu, 27 Nov 2025 11:55:30 -0300
Subject: [PATCH] Agregado boton de carga el registrarse

---
 src/lib/components/signup-form.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/signup-form.svelte b/src/lib/components/signup-form.svelte
index 4db6eaf..9469476 100644
--- a/src/lib/components/signup-form.svelte
+++ b/src/lib/components/signup-form.svelte
@@ -5,9 +5,12 @@
 	import { Input } from '$lib/components/ui/input/index.js';
 	import type { RegisterDto } from '../../types';
 	import { register } from '@/hooks/register';
+	import Loader2Icon from '@lucide/svelte/icons/loader-2';
 
   let {showAlert = $bindable() } = $props();
 
+  let cargando = $state(false);
+
   const setAlert = () => showAlert = true;
 
   let dto: RegisterDto = $state({password: "", username: "", email:"", displayName: ""});
@@ -48,7 +51,14 @@
 				</Field.Field>
 				<Field.Group>
 					<Field.Field>
-						<Button type="submit">Crear Cuenta</Button>
+						<Button type="submit">
+							{#if cargando}
+								<Loader2Icon class="animate-spin" />
+								Creando Cuenta...
+							{:else}
+								Crear Cuenta
+							{/if}
+						</Button>
 						<Field.Description class="px-6 text-center">
 							Tenes una cuenta? <a href="/login">Iniciar Sesion</a>
 						</Field.Description>