import { Form, Head } from '@inertiajs/react'; import { useRef } from 'react'; import SecurityController from '@/actions/App/Http/Controllers/Settings/SecurityController'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Label } from '@/components/ui/label'; import { edit } from '@/routes/security'; type Props = { passwordRules: string; }; export default function Security(props: Props) { const passwordInput = useRef(null); const currentPasswordInput = useRef(null); return ( <>

Kata Sandi

{ if (errors.password) { passwordInput.current?.focus(); } if (errors.current_password) { currentPasswordInput.current?.focus(); } }} > {({ errors, processing }) => (
)}
); }