You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.3 KiB
42 lines
1.3 KiB
import { LabeledTextField } from "app/core/components/LabeledTextField" |
|
import { Form, FORM_ERROR } from "app/core/components/Form" |
|
import signup from "app/auth/mutations/signup" |
|
import { Signup } from "app/auth/validations" |
|
import { useMutation } from "@blitzjs/rpc" |
|
|
|
type SignupFormProps = { |
|
onSuccess?: () => void |
|
} |
|
|
|
export const SignupForm = (props: SignupFormProps) => { |
|
const [signupMutation] = useMutation(signup) |
|
return ( |
|
<div> |
|
<h1>Create an Account</h1> |
|
|
|
<Form |
|
submitText="Create Account" |
|
schema={Signup} |
|
initialValues={{ email: "", password: "" }} |
|
onSubmit={async (values) => { |
|
try { |
|
await signupMutation(values) |
|
props.onSuccess?.() |
|
} catch (error: any) { |
|
if (error.code === "P2002" && error.meta?.target?.includes("email")) { |
|
// This error comes from Prisma |
|
return { email: "This email is already being used" } |
|
} else { |
|
return { [FORM_ERROR]: error.toString() } |
|
} |
|
} |
|
}} |
|
> |
|
<LabeledTextField name="email" label="Email" placeholder="Email" /> |
|
<LabeledTextField name="password" label="Password" placeholder="Password" type="password" /> |
|
</Form> |
|
</div> |
|
) |
|
} |
|
|
|
export default SignupForm
|
|
|