From 5af062754aaa27fa94030b70e357a1cf299998f2 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Wed, 3 Dec 2025 21:48:29 -0300
Subject: [PATCH] =?UTF-8?q?ahora=20requiere=20que=20repitas=20la=20contras?=
 =?UTF-8?q?e=C3=B1a=20para=20que=20te=20deje=20enviar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/signup-form.svelte | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/signup-form.svelte b/src/lib/components/signup-form.svelte
index e21e58c..7ce02b0 100644
--- a/src/lib/components/signup-form.svelte
+++ b/src/lib/components/signup-form.svelte
@@ -25,6 +25,10 @@
 	let checkeandoEmail: boolean | null = $state(null);
 	let esEmailValido = $state(false);
 
+	let dto: RegisterDto = $state({ password: '', username: '', email: '', displayName: '' });
+
+	let coinsidenLasPass = $derived(repetirContraseña == dto.password);
+
 	async function checkUsuario() {
 		checkeandoUsuario = true;
 		esUsuarioValido = await checkUsername(dto.username);
@@ -38,11 +42,9 @@
 	}
 	const setAlert = () => (showAlert = true);
 
-	let dto: RegisterDto = $state({ password: '', username: '', email: '', displayName: '' });
-
 	const handleSubmit = async (e: SubmitEvent) => {
 		if (esUsuarioValido == false) return;
-		if (repetirContraseña !== dto.password) return;
+		if (!coinsidenLasPass) return;
 
 		cargando = true;
 		await register(e, dto, setAlert);
@@ -115,12 +117,18 @@
 				</Field.Field>
 				<Field.Field>
 					<Field.Label for="confirm-password">Confirmar Contraseña</Field.Label>
-					<Input id="confirm-password" type="password" required bind:value={repetirContraseña} />
+					<Input
+						id="confirm-password"
+						type="password"
+						required
+						bind:value={repetirContraseña}
+						class={{ 'border-red-500': !coinsidenLasPass }}
+					/>
 					<Field.Description>Confirma la contraseña</Field.Description>
 				</Field.Field>
 				<Field.Group>
 					<Field.Field>
-						<Button type="submit" disabled={cargando}>
+						<Button type="submit" disabled={cargando || !coinsidenLasPass}>
 							{#if cargando}
 								Creando Cuenta...
 								<Loader2Icon class="animate-spin" />