button as a component

3 files changed, 4 insertions, 36 deletions

diff --git a/src/components/Highlight/Highlight.tsx b/src/components/Highlight/Highlight.tsx
index 71764e2..8e11c34 100644
--- a/src/components/Highlight/Highlight.tsx
+++ b/src/components/Highlight/Highlight.tsx
@@ -13,7 +13,7 @@ const useStyles = makeStyles({
   menuButton: {
     width: 200,
     height: 50,
-    textAlign: 'center'
+    textAlign: 'center',
   },
   menuNumber: {
     fontWeight: 800,
diff --git a/src/components/UserStatus/UserStatus.tsx b/src/components/UserStatus/UserStatus.tsx
deleted file mode 100644
index 338b5d1..0000000
--- a/src/components/UserStatus/UserStatus.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React, {useState} from 'react';
-import {makeStyles} from '@material-ui/core/styles';
-
-const useStyles = makeStyles({
-  root: {
-    position: 'relative'
-  },
-  status: {
-    textAlign: 'center',
-    color: 'darkgray'
-  },
-});
-
-
-const UserStatus: React.FC = () => {
-  const classes = useStyles();
-
-  const changeStatus = () => {
-
-  };
-
-  return (
-    <div className={classes.status} onClick={changeStatus}>
-      I am not alcoholic
-    </div>
-  );
-};
-
-export default UserStatus;
diff --git a/src/pages/ProfilePage/ProfileInfo.tsx b/src/pages/ProfilePage/ProfileInfo.tsx
index a445b51..b68075f 100644
--- a/src/pages/ProfilePage/ProfileInfo.tsx
+++ b/src/pages/ProfilePage/ProfileInfo.tsx
@@ -6,7 +6,6 @@ import CameraAltIcon from '@material-ui/icons/CameraAlt';
 import MoreMenu from "./MoreMenu";
 import {patch} from '../../requests';
 import Highlight from "../../components/Highlight/Highlight";
-import UserStatus from "../../components/UserStatus/UserStatus";
 
 
 interface PropTypes {
@@ -34,7 +33,6 @@ const useStyles = makeStyles({
     display: 'flex',
     width: '100%',
     height: 50,
-    borderBottom: '1px solid lightgray',
     margin: '50px 0'
   },
   menuButton: {
@@ -131,11 +129,10 @@ const ProfileInfo: React.FC<PropTypes> = ({user, logOut,savedPolls, totalVotes})
       <div className={classes.name}>
         {user?.username}
       </div>
-      <UserStatus />
       <div className={classes.profileMenu}>
-        <Highlight text="polls" value={savedPolls}/>
-        <Highlight text="since" value={user?.createdAt.toString().substring(0,10).replace(/-/g, '.')}/>
-        <Highlight text="total" value={totalVotes}/>
+        <Highlight text="Polls" value={savedPolls}/>
+        <Highlight text="Since" value={user?.createdAt.toString().substring(0,10).replace(/-/g, '.')}/>
+        <Highlight text="Total" value={totalVotes}/>
       </div>
     </div>
   );