aboutsummaryrefslogtreecommitdiff
path: root/src/ProfileInfo
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-06-14 15:56:29 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-06-14 16:03:35 +0300
commit3c3223c3b41411639ff19ebd58df569cf17999ca (patch)
tree0cdf433d3b718e5f87a286dd01159da431189a9e /src/ProfileInfo
parent99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff)
downloadwhich-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz
divide src into Pages and Components directories
Diffstat (limited to 'src/ProfileInfo')
-rw-r--r--src/ProfileInfo/ProfileInfo.tsx75
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;