import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler, useRef } from 'react'; import { Button } from '@admin/components/ui/button'; import { FormError } from '@admin/components/ui/form-error'; import { Input } from '@admin/components/ui/input'; import { Label } from '@admin/components/ui/label'; import { TextLink } from '@admin/components/ui/text-link'; import { formClassName } from '@admin/components/ui/field-styles'; import { PasswordStrengthIndicator } from '@admin/components/ui/forms/password-strength-indicator'; import AuthLayout from '@admin/layouts/auth-layout'; export default function RequiredPasswordChange() { const passwordInput = useRef(null); const currentPasswordInput = useRef(null); const { data, setData, post, processing, errors, reset } = useForm({ current_password: '', password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.required.store'), { onError: (formErrors) => { if (formErrors.password) { reset('password', 'password_confirmation'); passwordInput.current?.focus(); } if (formErrors.current_password) { reset('current_password'); currentPasswordInput.current?.focus(); } }, }); }; return (
setData('current_password', e.target.value)} />
setData('password', e.target.value)} />
setData('password_confirmation', e.target.value)} />

Sign out

); }