diff --git a/components/AccountModal/index.tsx b/components/AccountModal/index.tsx index a5156276..9dc64075 100644 --- a/components/AccountModal/index.tsx +++ b/components/AccountModal/index.tsx @@ -36,16 +36,19 @@ const AccountModal = () => { const [open, setOpen] = useState(false) const [picture, setPicture] = useState('') const [language, setLanguage] = useState('') + const [gender, setGender] = useState(0) const [privateProfile, setPrivateProfile] = useState(false) // Refs const pictureSelect = React.createRef() const languageSelect = React.createRef() + const genderSelect = React.createRef() const privateSelect = React.createRef() useEffect(() => { if (cookies.user) setPicture(cookies.user.picture) if (cookies.user) setLanguage(cookies.user.language) + if (cookies.user) setGender(cookies.user.gender) }, [cookies]) const pictureOptions = ( @@ -66,6 +69,11 @@ const AccountModal = () => { setLanguage(languageSelect.current.value) } + function handleGenderChange(event: React.ChangeEvent) { + if (genderSelect.current) + setGender(parseInt(genderSelect.current.value)) + } + function handlePrivateChange(checked: boolean) { setPrivateProfile(checked) } @@ -78,6 +86,7 @@ const AccountModal = () => { picture: picture, element: pictureData.find(i => i.filename === picture)?.element, language: language, + gender: gender, private: privateProfile } } @@ -89,7 +98,8 @@ const AccountModal = () => { const cookieObj = { picture: user.picture.picture, element: user.picture.element, - language: user.language, + gender: user.gender, + language: user.language } setCookies('user', cookieObj, { path: '/'}) @@ -98,7 +108,8 @@ const AccountModal = () => { id: user.id, username: user.username, picture: user.picture.picture, - element: user.picture.element + element: user.picture.element, + gender: user.gender } setOpen(false) @@ -157,6 +168,16 @@ const AccountModal = () => { {pictureOptions} +
+
+ +
+ + +