From 3c3223c3b41411639ff19ebd58df569cf17999ca Mon Sep 17 00:00:00 2001 From: ilyayudovin Date: Sun, 14 Jun 2020 15:56:29 +0300 Subject: divide src into Pages and Components directories --- src/ProfileInfo/ProfileInfo.tsx | 75 ----------------------------------------- 1 file changed, 75 deletions(-) delete mode 100644 src/ProfileInfo/ProfileInfo.tsx (limited to 'src/ProfileInfo') 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 = ({ id, setUser }) => { - const [userInfo, setUserInfo] = useState(); - - get(`/users/${id}`).then(response => { - setUserInfo(response.data); - }); - - const classes = useStyles(); - - const LogOut = () => { - localStorage.clear(); - setUser(undefined); - }; - - return ( -
- -
- {userInfo?.name} -
-
-
- Polls -
-
- Followers -
-
- Following -
-
- -
- ); -}; - -export default ProfileInfo; -- cgit v1.2.3