import { Link, useForm, Head } from '@inertiajs/react'; import classNames from 'classnames'; import React from 'react'; import useRoute from '@/Hooks/useRoute'; import useTypedPage from '@/Hooks/useTypedPage'; import AuthenticationCard from '@/Components/AuthenticationCard'; import Checkbox from '@/Components/Checkbox'; import InputLabel from '@/Components/InputLabel'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import InputError from '@/Components/InputError'; export default function Register() { const page = useTypedPage(); const route = useRoute(); const form = useForm({ name: '', email: '', password: '', password_confirmation: '', terms: false, }); function onSubmit(e: React.FormEvent) { e.preventDefault(); form.post(route('register'), { onFinish: () => form.reset('password', 'password_confirmation'), }); } return (
Name form.setData('name', e.currentTarget.value)} required autoFocus autoComplete="name" />
Email form.setData('email', e.currentTarget.value)} required />
Password form.setData('password', e.currentTarget.value)} required autoComplete="new-password" />
Confirm Password form.setData('password_confirmation', e.currentTarget.value) } required autoComplete="new-password" />
{page.props.jetstream.hasTermsAndPrivacyPolicyFeature && (
form.setData('terms', e.currentTarget.checked)} required />
)}
Already registered? Register
); }