import { Head, useForm } from '@inertiajs/react'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { login } from '@/routes'; import { store } from '@/routes/register'; type Props = { passwordRules: string; }; export default function Register({ passwordRules }: Props) { const form = store.form(); const { data, setData, post, processing, errors, reset } = useForm({ name: '', email: '', password: '', password_confirmation: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(form.action, { onSuccess: () => reset('password', 'password_confirmation'), }); }; return ( <>
setData('name', e.currentTarget.value) } required autoFocus tabIndex={1} autoComplete="name" placeholder="Full name" />
setData('email', e.currentTarget.value) } required tabIndex={2} autoComplete="email" placeholder="email@example.com" />
setData('password', e.currentTarget.value) } required tabIndex={3} autoComplete="new-password" placeholder="Password" passwordrules={passwordRules} />
setData( 'password_confirmation', e.currentTarget.value, ) } required tabIndex={4} autoComplete="new-password" placeholder="Confirm password" passwordrules={passwordRules} />
Already have an account?{' '} Log in
); } Register.layout = { title: 'Create an account', description: 'Enter your details below to create your account', };