Admin user token in frontend.

[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..3e87c1ed553351bdd98a346b2a11a911c3f0a486 100644 (file)
--- a/cmd/web/js/header_footer.jsx
+++ b/cmd/web/js/header_footer.jsx
@@ -6,6 +6,18 @@ class Signout extends React.Component {
   }
 }
 
+class MyAccount extends React.Component {
+  render = () => {
+    return <a href="/account"><u>Account</u></a>;
+  }
+}
+
+class Admin extends React.Component {
+  render = () => {
+    return <a href="/admin"><u>Admin</u></a>;
+  }
+}
+
 class Logo extends React.Component {
   render() {
     return <div id="logo" className="w-100 h-100 align-self-center">
@@ -21,7 +33,12 @@ class Footer extends React.Component {
       elements = [];
     }
 
+    if (this.props.isAdmin === true) {
+      elements = elements.concat(<Admin />);
+    }
+
     if (this.props.isLoggedIn === true) {
+      elements = elements.concat(<MyAccount />);
       elements = elements.concat(<Signout />);
     }
 
@@ -37,7 +54,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>;
@@ -51,12 +68,17 @@ class Header extends React.Component {
       elements = [];
     }
 
+    if (this.props.isAdmin === true) {
+      elements = elements.concat(<Admin />);
+    }
+
     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 +87,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>;