UI improvements, UserImages component created

client/src/components/About.js

@@ -3,9 +3,9 @@ import React from 'react'
 const About = () => {
   return (
     <div>
-      <div className="container">
-        <h4 className="center">About</h4>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae repudiandae repellat illo magni eligendi cupiditate voluptates eius nam voluptate. Incidunt nihil ullam quae quia officia quaerat, deserunt eligendi explicabo totam?</p>
+      <div>
+        <h4>About</h4>
+        <p>This Module was developed by the AATeam. Contributions are welcomed.</p>
       </div>
     </div>
   )

client/src/components/Footer.js

@@ -14,7 +14,6 @@ const Footer = () => {
             <h5 className="white-text">Links</h5>
             <ul className="right hide-on-med-and-down">
               <li><NavLink exact to="/">Home</NavLink></li>
-              <li><NavLink to='/user'>Profile</NavLink></li>
               <li><NavLink to='/browse'>Browse</NavLink></li>
               <li><NavLink to='/search'>Search</NavLink></li>
               <li><NavLink to='/contact'>Contact</NavLink></li>

client/src/components/LoggedInUser.js

@@ -34,7 +34,7 @@ class LoggedInUser extends Component {
 
       return(
           <div>
-              <p><LoggedInUserMenu menuLabel={ displayName }/></p>
+              <p><LoggedInUserMenu menuLabel={ displayName } user={ this.props.data.userByAuthId }/></p>
           </div>
       );
 

client/src/components/LoggedInUserMenu.js

@@ -19,11 +19,16 @@ class LoggedInUserMenu extends Component {
   constructor(props){
     super(props);
     this.state = {
-      property: 'value'
+      user: {}
     }
   }
 
+  componentDidMount(){
+    this.setState({user: this.props.user});
+  }
+
   render() {
+
     return (
       <WithState>
         {({ anchorEl, updateAnchorEl }) => {

client/src/components/UserImages.js

@@ -0,0 +1,14 @@
+import React from 'react'
+
+const UserImages = () => {
+  return (
+    <div>
+      <div>
+        <h4>Images Manager</h4>
+        <p>This functionality has not been developed yet. Please visit this section later.</p>
+      </div>
+    </div>
+  )
+}
+
+export default UserImages

client/src/components/UserTabs.js

@@ -11,6 +11,7 @@ import Typography from '@material-ui/core/Typography';
 // Components
 
 import UserUpdate from './UserUpdate';
+import UserImages from './UserImages';
 
 function TabContainer(props) {
   return (
@@ -61,7 +62,7 @@ class UserTabs extends React.Component {
           </Tabs>
         </AppBar>
         {value === 0 && <TabContainer><UserUpdate/></TabContainer>}
-        {value === 1 && <TabContainer>Item Three</TabContainer>}
+        {value === 1 && <TabContainer><UserImages/></TabContainer>}
       </div>
     );
   }

client/src/components/UserUpdate.js

@@ -115,6 +115,7 @@ class UserUpdate extends Component {
     }
 
     render(){
+      console.log("user at render", this.props);
         return(
           <div>
               <form onSubmit={this.submitForm.bind(this)}>