From a380adb940e4d8d5127ffdca57560a54c4e42162 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Fri, 14 Nov 2025 22:12:59 -0300
Subject: [PATCH] =?UTF-8?q?Feat:=20A=C3=B1adido=20alert=20en=20caso=20de?=
 =?UTF-8?q?=20fallo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/register/+page.svelte | 35 +++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index fbbb126..471d138 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -1,9 +1,38 @@
-<script>
+<script lang="ts">
 	import SignupForm from '@/components/signup-form.svelte';
+
+  import AlertCircleIcon from "@lucide/svelte/icons/alert-circle";
+  import * as Alert from '@/components/ui/alert';
+	import { fade } from 'svelte/transition';
+
+  let showAlert: boolean = $state(false);
+
+  $effect(()=>{
+      resetAlert();
+  });
+
+  async function resetAlert (){
+      if (showAlert == true){
+          await new Promise(res => setTimeout(res, 2000));
+          showAlert=false;
+      }
+  }
+
 </script>
 
 <div class="flex min-h-fit w-full items-center justify-center p-6 md:p-10">
-	<div class="w-full max-w-sm">
-		<SignupForm />
+	  <div class="w-full max-w-sm">
+		    <SignupForm bind:showAlert={showAlert} />
+        {#if showAlert}
+	          <div class="mt-2" transition:fade>
+            <Alert.Root variant="destructive">
+                <AlertCircleIcon />
+                <Alert.Title>No se pudo crear la cuenta</Alert.Title>
+                <Alert.Description>
+                    Intente nuevamente.
+                </Alert.Description>
+            </Alert.Root>
+        </div>
+        {/if}
 	</div>
 </div>