mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-01 13:10:44 -03:00
43 lines
1.2 KiB
Svelte
43 lines
1.2 KiB
Svelte
<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 bind: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>
|
|
|
|
<svelte:head>
|
|
<meta property="og:title" content="Mini-x" />
|
|
<meta property="og:description" content={`Registra un usuario`} />
|
|
<meta property="og:image" content="https://minix-front.vercel.app/x.png" />
|
|
<meta property="og:url" content="https://minix-front.vercel.app/" />
|
|
<meta property="og:type" content="website" />
|
|
</svelte:head>
|