import { Link, useForm, Head } from '@inertiajs/react'; import classNames from 'classnames'; import React from 'react'; import useRoute from '@/Hooks/useRoute'; 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'; interface Props { canResetPassword: boolean; status: string; } export default function Login({ canResetPassword, status }: Props) { const route = useRoute(); const form = useForm({ email: '', password: '', remember: '', }); function onSubmit(e: React.FormEvent) { e.preventDefault(); form.post(route('login'), { onFinish: () => form.reset('password'), }); } return ( {status && (
{status}
)}
Email form.setData('email', e.currentTarget.value)} required autoFocus />
Password form.setData('password', e.currentTarget.value)} required autoComplete="current-password" />
{canResetPassword && (
Forgot your password?
)}
Need an account? Log in
); }