diff options
author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 15:56:29 +0300 |
---|---|---|
committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 16:03:35 +0300 |
commit | 3c3223c3b41411639ff19ebd58df569cf17999ca (patch) | |
tree | 0cdf433d3b718e5f87a286dd01159da431189a9e /src/ProfileInfo | |
parent | 99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff) | |
download | which-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz |
divide src into Pages and Components directories
Diffstat (limited to 'src/ProfileInfo')
-rw-r--r-- | src/ProfileInfo/ProfileInfo.tsx | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/src/ProfileInfo/ProfileInfo.tsx b/src/ProfileInfo/ProfileInfo.tsx deleted file mode 100644 index 693f550..0000000 --- a/src/ProfileInfo/ProfileInfo.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React, { useState } from 'react'; -import { Avatar } from '@material-ui/core/'; -import { makeStyles } from '@material-ui/core/styles'; -import Button from '@material-ui/core/Button/Button'; -import { User } from '../types'; -import { get } from '../requests'; - -interface PropTypes { - id: string; - setUser: (newUser: User | undefined) => void; -} - -const useStyles = makeStyles({ - avatar: { - margin: '0 auto', - width: 150, - height: 150, - marginBottom: 10 - }, - name: { - fontSize: 20, - textAlign: 'center' - }, - profileMenu: { - display: 'flex', - width: '100%', - height: 50, - borderBottom: '1px solid lightgray', - margin: '50px 0' - }, - menuButton: { - width: 200, - height: 50, - paddingTop: 15, - textAlign: 'center' - } -}); - -const ProfileInfo: React.FC<PropTypes> = ({ id, setUser }) => { - const [userInfo, setUserInfo] = useState<User>(); - - get(`/users/${id}`).then(response => { - setUserInfo(response.data); - }); - - const classes = useStyles(); - - const LogOut = () => { - localStorage.clear(); - setUser(undefined); - }; - - return ( - <div> - <Avatar className={classes.avatar} src={userInfo?.avatarUrl} /> - <div className={classes.name}> - {userInfo?.name} - </div> - <div className={classes.profileMenu}> - <div style={{ borderBottom: '1px solid green', color: 'green' }} className={classes.menuButton}> - Polls - </div> - <div className={classes.menuButton}> - Followers - </div> - <div className={classes.menuButton}> - Following - </div> - </div> - <Button variant="contained" onClick={LogOut}>Log Out</Button> - </div> - ); -}; - -export default ProfileInfo; |