PATH:
home
/
lab2454c
/
costbloc.com
/
vendor
/
laravel
/
breeze
/
stubs
/
inertia-react
/
resources
/
js
/
Pages
/
Auth
import { useEffect } from 'react'; import GuestLayout from '@/Layouts/GuestLayout'; import InputError from '@/Components/InputError'; import InputLabel from '@/Components/InputLabel'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import { Head, useForm } from '@inertiajs/inertia-react'; export default function ResetPassword({ token, email }) { const { data, setData, post, processing, errors, reset } = useForm({ token: token, email: email, password: '', password_confirmation: '', }); useEffect(() => { return () => { reset('password', 'password_confirmation'); }; }, []); const onHandleChange = (event) => { setData(event.target.name, event.target.value); }; const submit = (e) => { e.preventDefault(); post(route('password.store')); }; return ( <GuestLayout> <Head title="Reset Password" /> <form onSubmit={submit}> <div> <InputLabel forInput="email" value="Email" /> <TextInput id="email" type="email" name="email" value={data.email} className="mt-1 block w-full" autoComplete="username" handleChange={onHandleChange} /> <InputError message={errors.email} className="mt-2" /> </div> <div className="mt-4"> <InputLabel forInput="password" value="Password" /> <TextInput id="password" type="password" name="password" value={data.password} className="mt-1 block w-full" autoComplete="new-password" isFocused={true} handleChange={onHandleChange} /> <InputError message={errors.password} className="mt-2" /> </div> <div className="mt-4"> <InputLabel forInput="password_confirmation" value="Confirm Password" /> <TextInput type="password" name="password_confirmation" value={data.password_confirmation} className="mt-1 block w-full" autoComplete="new-password" handleChange={onHandleChange} /> <InputError message={errors.password_confirmation} className="mt-2" /> </div> <div className="flex items-center justify-end mt-4"> <PrimaryButton className="ml-4" processing={processing}> Reset Password </PrimaryButton> </div> </form> </GuestLayout> ); }
[-] ConfirmPassword.jsx
[edit]
[-] VerifyEmail.jsx
[edit]
[+]
..
[-] Login.jsx
[edit]
[-] ForgotPassword.jsx
[edit]
[-] Register.jsx
[edit]
[-] ResetPassword.jsx
[edit]