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}
/>