Merge pull request #52 from which-ecosystem/pollSubmission

feat: add poll submission component

1 files changed, 12 insertions, 3 deletions

diff --git a/src/pages/ProfilePage/ProfileInfo.tsx b/src/pages/ProfilePage/ProfileInfo.tsx
index 2b9227e..9fe5912 100644
--- a/src/pages/ProfilePage/ProfileInfo.tsx
+++ b/src/pages/ProfilePage/ProfileInfo.tsx
@@ -7,6 +7,7 @@ import VerifiedIcon from '@material-ui/icons/CheckCircleOutline';
 import MoreMenu from './MoreMenu';
 import Highlight from './Highlight';
 import UploadImage from '../../components/UploadImage/UploadImage';
+import { patch } from '../../requests';
 
 
 interface PropTypes {
@@ -82,12 +83,21 @@ const ProfileInfo: React.FC<PropTypes> = ({
   const classes = useStyles();
   const [input, setInput] = useState(false);
 
+
   const dateSince = new Date(user?.createdAt || '').toLocaleDateString();
 
   const handleClick = () => {
     setInput(!input);
   };
 
+  const patchAvatar = (url: string) => {
+    const id = localStorage.getItem('userId');
+    patch(`/users/${id}`, { avatarUrl: url }).then(res => {
+      setUserInfo(res.data);
+      setUser(res.data);
+    });
+  };
+
   return (
     <div className={classes.root}>
       {
@@ -97,7 +107,6 @@ const ProfileInfo: React.FC<PropTypes> = ({
               <MoreMenu logOut={logOut} />
               <div className={classes.avatarContainer}>
                 <Badge
-                  onClick={handleClick}
                   overlap="circle"
                   anchorOrigin={{
                     vertical: 'bottom',
@@ -105,14 +114,14 @@ const ProfileInfo: React.FC<PropTypes> = ({
                   }}
                   badgeContent={(
                     <div className={classes.badge}>
-                      <CameraAltIcon />
+                      <CameraAltIcon onClick={handleClick} />
                     </div>
                   )}
                 >
                   <Avatar className={classes.avatar} src={user?.avatarUrl} />
                 </Badge>
               </div>
-              <UploadImage displayD={input} setDisplayD={setInput} setUserInfo={setUserInfo} setUser={setUser} />
+              <UploadImage isOpen={input} setIsOpen={setInput} callback={patchAvatar} />
             </div>
 )
           : <Avatar className={classes.avatar} src={user?.avatarUrl} />