Admin is mostly working

admin/src/App/Navigation.js

@@ -0,0 +1,55 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+import { Menu, Dropdown } from "semantic-ui-react";
+
+const navStyle = {
+  marginBottom: "30px"
+};
+const blankStyle = {
+  marginBottom: "50px"
+};
+
+class Navigation extends Component {
+  constructor(props) {
+    super(props);
+    this._logout = this._logout.bind(this);
+  }
+
+  _logout = event => {
+    event.preventDefault();
+    this.props.manualLogout();
+  };
+
+  render() {
+    var profileLink = process.env.REACT_APP_ACCOUNT_SERVER + "/profile";
+    return (
+      <div>
+        {this.props.user.authenticated ? (
+          <Menu style={navStyle}>
+            <Menu.Item name="systems" header>
+              { process.env.REACT_APP_SITE_NAME}
+            </Menu.Item>
+            <Menu.Menu position="right">
+              <Link to="/list-systems">
+                <Menu.Item name="systems"> Systems</Menu.Item>
+              </Link>
+              <Link to="/about">
+                <Menu.Item name="about">About</Menu.Item>
+              </Link>
+              <Dropdown item text={this.props.user.email}>
+                <Dropdown.Menu>
+                  <Dropdown.Item href={profileLink}>Profile</Dropdown.Item>
+                  <Dropdown.Item onClick={this._logout}>Logout</Dropdown.Item>
+                </Dropdown.Menu>
+              </Dropdown>
+            </Menu.Menu>
+          </Menu>
+        ) : (
+            <div style={blankStyle} />
+          )}
+      </div>
+    );
+  }
+}
+
+export default Navigation;