blob: 6bb312de0dd91bd61c8987f12cd2f628168b3c58 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
import { createSignal } from "solid-js";
import { A, useNavigate } from "@solidjs/router";
import { auth } from "../store/auth";
export default function Register() {
const navigate = useNavigate();
const [username, setUsername] = createSignal("");
const [email, setEmail] = createSignal("");
const [displayName, setDisplayName] = createSignal("");
const [password, setPassword] = createSignal("");
const [error, setError] = createSignal("");
const [submitting, setSubmitting] = createSignal(false);
async function handleSubmit(event: Event) {
event.preventDefault();
setError("");
setSubmitting(true);
const result = await auth.register(username(), email(), password(), displayName());
setSubmitting(false);
if (result) {
setError(result);
} else {
navigate("/account/verify");
}
}
return (
<section>
<h2 class="page-title">Register</h2>
{error() && <div class="form-error">{error()}</div>}
<form class="auth-form" onSubmit={handleSubmit}>
<label class="form-field">
<span>Username</span>
<input type="text" value={username()} onInput={(e) => setUsername(e.currentTarget.value)} required />
</label>
<label class="form-field">
<span>Email</span>
<input type="email" value={email()} onInput={(e) => setEmail(e.currentTarget.value)} required />
</label>
<label class="form-field">
<span>Display Name</span>
<input type="text" value={displayName()} onInput={(e) => setDisplayName(e.currentTarget.value)} />
</label>
<label class="form-field">
<span>Password</span>
<input type="password" value={password()} onInput={(e) => setPassword(e.currentTarget.value)} required />
</label>
<button type="submit" class="form-button" disabled={submitting()}>
{submitting() ? "Registering..." : "Register"}
</button>
</form>
<p class="form-footer">
Already have an account? <A href="/login">Log In</A>
</p>
</section>
);
}
|
