From e0bd92fadc7faefea9f22748684bfe74fcc31f75 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 10 Sep 2018 16:34:40 +0200
Subject: [PATCH] UI improvements, UserImages component created

---
 client/src/components/About.js            |  6 +++---
 client/src/components/Footer.js           |  1 -
 client/src/components/LoggedInUser.js     |  2 +-
 client/src/components/LoggedInUserMenu.js |  7 ++++++-
 client/src/components/UserImages.js       | 14 ++++++++++++++
 client/src/components/UserTabs.js         |  3 ++-
 client/src/components/UserUpdate.js       |  1 +
 7 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 client/src/components/UserImages.js

diff --git a/client/src/components/About.js b/client/src/components/About.js
index 5283ad55d..34b02a317 100644
--- a/client/src/components/About.js
+++ b/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>
   )
diff --git a/client/src/components/Footer.js b/client/src/components/Footer.js
index df47f5326..5a2b475d7 100644
--- a/client/src/components/Footer.js
+++ b/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>
diff --git a/client/src/components/LoggedInUser.js b/client/src/components/LoggedInUser.js
index fbbfa8269..7b6137d6d 100644
--- a/client/src/components/LoggedInUser.js
+++ b/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>
       );
 
diff --git a/client/src/components/LoggedInUserMenu.js b/client/src/components/LoggedInUserMenu.js
index 803dde8de..248d6ec86 100644
--- a/client/src/components/LoggedInUserMenu.js
+++ b/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 }) => {
diff --git a/client/src/components/UserImages.js b/client/src/components/UserImages.js
new file mode 100644
index 000000000..08ba7c5e3
--- /dev/null
+++ b/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
diff --git a/client/src/components/UserTabs.js b/client/src/components/UserTabs.js
index 0636365b7..67055b9e1 100644
--- a/client/src/components/UserTabs.js
+++ b/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>
     );
   }
diff --git a/client/src/components/UserUpdate.js b/client/src/components/UserUpdate.js
index c0e832424..7e1e8a7c9 100644
--- a/client/src/components/UserUpdate.js
+++ b/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)}>