import PasswordController from '@/actions/App/Http/Controllers/Settings/PasswordController'; import InputError from '@/components/input-error'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; import { type BreadcrumbItem } from '@/types'; import { Transition } from '@headlessui/react'; import { Form, Head } from '@inertiajs/react'; import { useRef } from 'react'; import HeadingSmall from '@/components/heading-small'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { edit } from '@/routes/password'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Password settings', href: edit().url, }, ]; export default function Password() { 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, recentlySuccessful }) => ( <>

Saved

)}
); }