import SuccessButton from "@/Admin/Components/Button/SuccessButton"; import FileUpload from "@/Admin/Components/Inputs/FileUpload"; import TextInput from "@/Admin/Components/Inputs/TextInput"; import SingleMediaUploader from "@/Admin/Components/Media/SingleMediaUploader"; import FromValidationError from "@/Admin/Components/Validation/FromValidationError"; import AdminLayout from "@/Admin/Layouts/AdminLayout"; import { Head, useForm, usePage } from "@inertiajs/react"; import { produce } from "immer"; export default function Edit() { const { props } = usePage(); const user = props.auth.user; const { data: profileData, setData: setProfileData, errors: profileErrors, post: postProfile, processing: profileProcessing } = useForm({ _method: "patch", user_image: user?.photo_path, name: user.name, email: user.email, phone: user?.phone, country: user?.country, address: user?.address, password: "", }); const { data: passwordData, setData: setPasswordData, errors: passwordErrors, patch: postPassword, processing: passwordProcessing, } = useForm({ _method: "patch", current_password: "", password: "", password_confirmation: "", }); const handleProfileUpdate = (e) => { e.preventDefault(); postProfile(route("admin.profile.update", user)); }; const handlePasswordUpdate = async (e) => { e.preventDefault(); try { await postPassword(route("admin.profile.update.password", user)); setPasswordData({ current_password: "", password: "", password_confirmation: "" }); } catch (error) { console.error("Password update failed:", error); } }; return (

Update Profile

Profile Details

{ setProfileData( produce((draft) => { draft.user_image = e }) ) }} handleRemoved={() => setProfileData( produce((draft) => { draft.user_image = ""; }) )} defaultValue={profileData.user_image} />
setProfileData("name", e.target.value) } /> setProfileData("email", e.target.value) } /> setProfileData("phone", e.target.value) } /> setProfileData("country", e.target.value) } /> setProfileData("address", e.target.value) } />
Update Profile

Change Password

setPasswordData( "current_password", e.target.value ) } /> setPasswordData( "password", e.target.value ) } /> setPasswordData( "password_confirmation", e.target.value ) } />
Update Password
); }