import { Form, Head } from '@inertiajs/react'; import { useRef } from 'react'; import ForcedPasswordChangeController from '@/actions/App/Http/Controllers/Auth/ForcedPasswordChangeController'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import { Button } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; export default function ChangePassword() { const passwordInput = useRef(null); const currentPasswordInput = useRef(null); return ( <>
{ if (errors.password) { passwordInput.current?.focus(); } if (errors.current_password) { currentPasswordInput.current?.focus(); } }} className="space-y-6" > {({ errors, processing }) => ( <>
)}
); } ChangePassword.layout = { title: 'Change your password', description: 'Set a new password before continuing to your account', };