Account page.

[perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git] / cmd / web / js / header_footer.jsx

diff --git a/cmd/web/js/header_footer.jsx b/cmd/web/js/header_footer.jsx
index 3cb9937a460af21a93056e011ccae724e6b1af37..f11ed06ea2d4589b7467b9d8a294dbbb39f10c49 100644 (file)
--- a/cmd/web/js/header_footer.jsx
+++ b/cmd/web/js/header_footer.jsx
@@ -6,6 +6,12 @@ class Signout extends React.Component {
   }
 }
 
+class MyAccount extends React.Component {
+  render = () => {
+    return <a href="/account"><u>Account</u></a>;
+  }
+}
+
 class Logo extends React.Component {
   render() {
     return <div id="logo" className="w-100 h-100 align-self-center">
@@ -22,6 +28,7 @@ class Footer extends React.Component {
     }
 
     if (this.props.isLoggedIn === true) {
+      elements = elements.concat(<MyAccount />);
       elements = elements.concat(<Signout />);
     }
 
@@ -37,7 +44,7 @@ class Footer extends React.Component {
              </div>;
     });
     return <div id="footer" className="row">
-             <div className="offset-4 col-4 d-sm-none">
+             <div className="offset-4 col-4 d-md-none">
                {rows}
              </div>
            </div>;
@@ -52,11 +59,12 @@ class Header extends React.Component {
     }
 
     if (this.props.isLoggedIn === true) {
+      elements = elements.concat(<MyAccount />);
       elements = elements.concat(<Signout />);
     }
 
     elements = elements.map(function(element, i) {
-      return <div className="text-center"  key={'header-el-' + i}>
+      return <div className="text-center header-menu-section"  key={'header-el-' + i}>
                {element}
              </div>;
     });
@@ -65,7 +73,7 @@ class Header extends React.Component {
               <div className="offset-3 col-6 offset-md-4 col-md-4">
                 <Logo />
               </div>
-              <div className="col-3 col-md-4 align-self-center h-100 d-none d-sm-flex justify-content-end">
+              <div className="col-3 col-md-4 align-self-center h-100 d-none d-md-flex justify-content-end">
                 {elements}
               </div>
            </div>;