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 ConfirmPassword() { const { data, setData, post, processing, errors, reset } = useForm({ password: '', }); useEffect(() => { return () => { reset('password'); }; }, []); const onHandleChange = (event) => { setData(event.target.name, event.target.value); }; const submit = (e) => { e.preventDefault(); post(route('password.confirm')); }; return ( <GuestLayout> <Head title="Confirm Password" /> <div className="mb-4 text-sm text-gray-600 dark:text-gray-400"> This is a secure area of the application. Please confirm your password before continuing. </div> <form onSubmit={submit}> <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" isFocused={true} handleChange={onHandleChange} /> <InputError message={errors.password} className="mt-2" /> </div> <div className="flex items-center justify-end mt-4"> <PrimaryButton className="ml-4" processing={processing}> Confirm </PrimaryButton> </div> </form> </GuestLayout> ); }
[-] ConfirmPassword.jsx
[edit]
[-] VerifyEmail.jsx
[edit]
[+]
..
[-] Login.jsx
[edit]
[-] ForgotPassword.jsx
[edit]
[-] Register.jsx
[edit]
[-] ResetPassword.jsx
[edit]