diff --git a/src/components/EditProfile/EditProfile.jsx b/src/components/EditProfile/EditProfile.jsx index 5221934d..217a529f 100644 --- a/src/components/EditProfile/EditProfile.jsx +++ b/src/components/EditProfile/EditProfile.jsx @@ -13,6 +13,8 @@ import { createTheme, ThemeProvider } from '@mui/material/styles'; import { FormControl, InputLabel } from '@mui/material'; import { MenuItem, Select } from '@mui/material'; import { updateUserAsync, getUserAsync } from '../../redux/users/thunks'; +import FileBase64 from "react-file-base64"; + const theme = createTheme(); @@ -32,9 +34,15 @@ export default function EditProfile() { skillLevel: '', age: '', height: '', - gender: '', + gender: '', + bio: '', + image: '', }); + function handleImageInput(base64) { + setInputs({ ...inputs, image: base64 }); + } + useEffect(() => { if (userInfo) { setInputs({ @@ -43,7 +51,9 @@ export default function EditProfile() { skillLevel: userInfo.skillLevel, age: userInfo.age, height: userInfo.height, - gender: userInfo.gender, + gender: userInfo.gender, + bio: userInfo.bio, + image: userInfo.image, }) } }, [userInfo]) @@ -161,6 +171,29 @@ export default function EditProfile() { + + + + handleImageInput(base64)} + /> + + + + + +