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.
43 lines
1.3 KiB
43 lines
1.3 KiB
2 years ago
|
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
|