remove unused signup screen

This commit is contained in:
Ben Allfree 2023-12-12 05:51:02 -08:00
parent 59cf4e4956
commit 6e9ad0c4a7

View File

@ -1,94 +0,0 @@
<script lang="ts">
import { slide } from 'svelte/transition'
import { client } from '$src/pocketbase-client'
const { createUser, authViaEmail } = client()
let email: string = ''
let password: string = ''
let formError: string = ''
let isFormButtonDisabled: boolean = true
$: isFormButtonDisabled = email.length === 0 || password.length === 0
const handleSubmit = async (e: Event) => {
e.preventDefault()
isFormButtonDisabled = true
formError = ''
try {
// Create the new user and email the verification link
await createUser(email, password)
// Go ahead and log the user into the site
await authViaEmail(email, password)
} catch (error) {
const e = error as Error
formError = `Something went wrong with registering your account. ${e.message}`
}
isFormButtonDisabled = false
}
</script>
<svelte:head>
<title>Sign Up - PocketHost</title>
</svelte:head>
<div class="flex justify-center">
<div class="card w-96 bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title mb-4">Sign Up</h2>
<form on:submit={handleSubmit}>
<div class="form-control w-full max-w-xs">
<label class="label" for="email">Email address</label>
<input
type="email"
class="input input-bordered w-full max-w-xs"
id="email"
placeholder="name@example.com"
bind:value={email}
required
autocomplete="email"
/>
</div>
<div class="form-control w-full max-w-xs">
<label class="label" for="password">Password</label>
<input
type="password"
class="input input-bordered w-full max-w-xs"
id="password"
placeholder="Password"
bind:value={password}
required
autocomplete="current-password"
/>
</div>
{#if formError}
<div transition:slide class="alert alert-error mb-5">
<i class="fa-solid fa-circle-exclamation"></i>
<span>{formError}</span>
</div>
{/if}
<button
type="submit"
class="m-3 btn btn-primary w-100"
disabled={isFormButtonDisabled}
>
Sign Up <i class="bi bi-arrow-right-short" />
</button>
</form>
<div class="py-4"><hr /></div>
<div class="text-center">
<a class="link" href="/login">log in</a>
</div>
</div>
</div>
</div>