diff --git a/src/core/components/Profile/Update/Form.jsx b/src/core/components/Profile/Update/Form.jsx index 69b1466..d6f8dd9 100644 --- a/src/core/components/Profile/Update/Form.jsx +++ b/src/core/components/Profile/Update/Form.jsx @@ -52,6 +52,7 @@ const Form = ({ handleCloseForm, setLoading }) => { const request = useRequest(); const { user, getUser } = useAuth(); const [uploadBackDrop, setUploadBackDrop] = useState(false); + const [avatarUrl, setAvatarUrl] = useState(user?.avatar || ""); const defaultValues = { first_name: user.first_name, last_name: user.last_name, @@ -70,6 +71,15 @@ const Form = ({ handleCloseForm, setLoading }) => { formState: { isSubmitting, errors }, } = useForm({ defaultValues, resolver: yupResolver(validationSchema) }); + const handleFileChange = (event) => { + const file = event.target.files[0]; + if (file) { + const objectUrl = URL.createObjectURL(file); + setAvatarUrl(objectUrl); + setValue("avatar", file); + } + }; + useEffect(() => { setLoading(isSubmitting); }, [isSubmitting]); @@ -124,7 +134,7 @@ const Form = ({ handleCloseForm, setLoading }) => { onMouseEnter={() => setUploadBackDrop(true)} onMouseLeave={() => setUploadBackDrop(false)} > - + { setValue("avatar", event.target.files[0])} + onChange={handleFileChange} />