From 20eb0989664807fa7044e1fd2283aaf2a463e601 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Sun, 14 Oct 2018 08:17:44 +0200
Subject: [PATCH] Access to User Profile enabled

---
 client/src/components/NavBar.js       | 9 +++++++++
 client/src/components/ProfileSheet.js | 2 +-
 client/src/components/UserList.js     | 4 ++--
 client/src/components/UserProfile.js  | 4 ++--
 client/src/components/UserSearch.js   | 4 ++--
 5 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/client/src/components/NavBar.js b/client/src/components/NavBar.js
index 7d68926a4..a5ff91754 100644
--- a/client/src/components/NavBar.js
+++ b/client/src/components/NavBar.js
@@ -12,9 +12,11 @@ import BrowseIcon from '@material-ui/icons/ImportContacts'
 import SearchIcon from '@material-ui/icons/Search'
 import ContactIcon from '@material-ui/icons/ContactMail'
 import AboutIcon from '@material-ui/icons/FormatShapes'
+import UserIcon from '@material-ui/icons/Person'
 
 import { Link } from 'react-router-dom'
 
+const UserLink = props => <Link to='/user' {...props} />
 const AboutLink = props => <Link to='/about' {...props} />
 const ContactLink = props => <Link to='/contact' {...props} />
 const SearchLink = props => <Link to='/search' {...props} />
@@ -97,6 +99,13 @@ class NavBar extends Component {
               component={AboutLink}>
               <AboutIcon />
             </IconButton>
+            <IconButton
+              className={classes.menuButton}
+              color='inherit'
+              title='Your Profile'
+              component={UserLink}>
+              <UserIcon />
+            </IconButton>
           </Toolbar>
         </AppBar>
       </div>
diff --git a/client/src/components/ProfileSheet.js b/client/src/components/ProfileSheet.js
index 82ab1d5b7..3c6de0859 100644
--- a/client/src/components/ProfileSheet.js
+++ b/client/src/components/ProfileSheet.js
@@ -244,7 +244,7 @@ class ProfileSheet extends Component {
           let authId = localStorage.getItem('authId')
           let userData = localStorage.getItem('loggedInUser')
 
-          if (userData === 'undefined') { return }
+          if (userData === 'undefined' || userData === null) { return }
 
           let user = JSON.parse(userData)
   	        this.defaultValuesSet = true
diff --git a/client/src/components/UserList.js b/client/src/components/UserList.js
index 4d9935037..4e5751836 100644
--- a/client/src/components/UserList.js
+++ b/client/src/components/UserList.js
@@ -113,7 +113,7 @@ class UserList extends Component {
 
                 />
                 <CardContent>
-                  <Typography gutterBottom variant="headline" component="h2">
+                  <Typography gutterBottom variant="h5" component="h2">
                     {user.alias}
                   </Typography>
                   <Typography className={classes.typography} gutterBottom>
@@ -136,7 +136,7 @@ class UserList extends Component {
                            <IconButton color="inherit" onClick={this.handleClose} aria-label="Close">
                              <CloseIcon />
                            </IconButton>
-                           <Typography variant="title" color="inherit" className={classes.flex}>
+                           <Typography variant="h6" color="inherit" className={classes.flex}>
                              User Profile
                            </Typography>
                            <Button color="inherit" onClick={this.handleClose}>
diff --git a/client/src/components/UserProfile.js b/client/src/components/UserProfile.js
index 489322eca..384c4b626 100644
--- a/client/src/components/UserProfile.js
+++ b/client/src/components/UserProfile.js
@@ -66,12 +66,12 @@ class UserProfile extends Component {
 
               />
               <CardContent>
-                <Typography className={classes.typography} gutterBottom variant='headline' component='h2'>
+                <Typography className={classes.typography} gutterBottom variant='h5' component='h2'>
                   { user.firstName } { user.lastName } ( {user.alias} )
                 </Typography>
                 <Divider />
 
-                <Typography className={classes.typography} align='left' gutterBottom variant='subheading' component='h2'>
+                <Typography className={classes.typography} align='left' gutterBottom variant='subtitle1' component='h2'>
                   { user.role.name }
                 </Typography>
                 <Divider />
diff --git a/client/src/components/UserSearch.js b/client/src/components/UserSearch.js
index 96e535286..6f184df2e 100644
--- a/client/src/components/UserSearch.js
+++ b/client/src/components/UserSearch.js
@@ -175,7 +175,7 @@ class UserSearch extends Component {
 
                 />
                   <CardContent>
-                    <Typography gutterBottom variant='headline' component='h2'>
+                    <Typography gutterBottom variant='h5' component='h2'>
                       {user.alias}
                     </Typography>
                   </CardContent>
@@ -202,7 +202,7 @@ class UserSearch extends Component {
       <div>
         <form onSubmit={this.submitForm.bind(this)}>
 
-          <Typography className={classes.formTypography} variant='body1' gutterBottom align='left'>
+          <Typography className={classes.formTypography} variant='body2' gutterBottom align='left'>
         Use any of these fileds to search for users. {this.selectText()}
           </Typography>