import { Head, useForm, usePage } from '@inertiajs/react'; import { FormEvent } from 'react'; import { Button, Field, Input, PageHeader } from '@/Components/ui'; import AppLayout from '@/Layouts/AppLayout'; import type { SharedProps } from '@/types'; export default function ProfileEdit({ profile }: { profile: { name: string; email: string; job_title: string | null } }) { const profileForm = useForm({ name: profile.name, job_title: profile.job_title ?? '' }); const passwordForm = useForm({ current_password: '', password: '', password_confirmation: '' }); const roles = usePage().props.auth.user?.roles.map((role) => role.name).join(', '); function saveProfile(event: FormEvent) { event.preventDefault(); profileForm.put('/profile'); } function savePassword(event: FormEvent) { event.preventDefault(); passwordForm.put('/profile/password', { onSuccess: () => passwordForm.reset() }); } return (
profileForm.setData('name', event.target.value)} /> profileForm.setData('job_title', event.target.value)} />

Password

passwordForm.setData('current_password', event.target.value)} /> passwordForm.setData('password', event.target.value)} /> passwordForm.setData('password_confirmation', event.target.value)} />
); }