Link bookmarking tool built on aproto (early alpha)
finxol.io
1import { login } from "@/lib/auth/actions.ts"
2import { useSubmission } from "@solidjs/router"
3
4export default function About() {
5 const loginState = useSubmission(login)
6
7 return (
8 <main class="text-center mx-auto text-gray-700 p-4">
9 <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
10 Login Page
11 </h1>
12 <p class="mt-8">
13 Try logging into pinboarding
14 </p>
15
16 <form
17 action={login}
18 method="post"
19 class="flex flex-col w-52 mx-auto mt-6 gap-4"
20 >
21 <input name="handle" type="text" placeholder="Handle" />
22
23 {loginState.error && (
24 <div class="p-3 rounded-lg bg-red-100 text-red-700">
25 {loginState.error.error || "Login failed"}
26 </div>
27 )}
28
29 <button
30 type="submit"
31 class={"bg-blue-500 rounded-lg text-slate-100" +
32 (loginState.pending
33 ? " opacity-50 cursor-not-allowed"
34 : "")}
35 disabled={loginState.pending}
36 >
37 Login
38 </button>
39 </form>
40 </main>
41 )
42}