import SecurityController from '@/actions/App/Http/Controllers/Settings/SecurityController'; import PasswordInput from '@/components/password-input'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Field, FieldError } from "@/components/ui/field"; import { Label } from '@/components/ui/label'; import { edit } from '@/routes/security'; import { Head, useForm } from '@inertiajs/react'; import { Loader, Save } from 'lucide-react'; import { useRef } from 'react'; import { toast } from 'sonner'; export default function Security() { const passwordInput = useRef(null); const currentPasswordInput = useRef(null); const { data, setData, put, processing, errors, reset } = useForm({ current_password: '', password: '', password_confirmation: '', }); const onSubmit = (e: React.FormEvent) => { e.preventDefault(); put(SecurityController.update().url, { preserveScroll: true, onSuccess: () => { toast.success('Kata sandi berhasil diperbarui.'); reset(); }, onError: (errors) => { if (errors.password) { passwordInput.current?.focus(); } if (errors.current_password) { currentPasswordInput.current?.focus(); } }, }); }; return (

Keamanan Akun

Perbarui Kata Sandi setData('current_password', e.target.value)} className="w-full" autoComplete="current-password" placeholder="Masukkan kata sandi saat ini" />
setData('password', e.target.value)} placeholder="Masukkan kata sandi baru" autoComplete="new-password" /> setData('password_confirmation', e.target.value)} placeholder="Ulangi kata sandi baru" autoComplete="new-password" />
); } Security.layout = { breadcrumbs: [ { title: 'Keamanan Akun', href: edit(), }, ], };