import { Head, useForm, usePage } from "@inertiajs/react"; import { useState } from "react"; import type { Shared } from "../types"; import { Button, Errors, Field, Icon } from "../components/ui"; export default function Login({ demo_accounts = [], demo_password = null, }: { demo_accounts?: { label: string; email: string }[]; demo_password?: string | null; }) { const { school } = usePage().props; const form = useForm({ email: "", password: "", remember: false }); const [demoRole, setDemoRole] = useState(""); return (
{school}

Welcome back

Sign in to your school workspace.

{ e.preventDefault(); // Autofill may change native values without updating React state. const fields = new FormData(e.currentTarget); const credentials = { email: String(fields.get("email") ?? ""), password: String(fields.get("password") ?? ""), remember: fields.has("remember"), }; form.setData(credentials); form.transform(() => credentials); form.post("/login", { onFinish: () => form.reset("password"), }); }} > {!!demo_accounts.length && ( )} form.setData("email", e.target.value) } /> form.setData("password", e.target.value) } />

Need an account or a password reset? Contact your school administrator.

); }