1 files changed, 56 insertions, 0 deletions
diff --git a/frontend/src/components/navigation/AppNavbar.js b/frontend/src/components/navigation/AppNavbar.js
new file mode 100644
index 00000000..1a35f85d
--- /dev/null
+++ b/frontend/src/components/navigation/AppNavbar.js
@@ -0,0 +1,56 @@
+import React from "react";
+import FontAwesome from "react-fontawesome";
+import { Link } from "react-router-dom";
+import Navbar, { NavItem } from "./Navbar";
+import "./Navbar.css";
+
+const AppNavbar = ({ simulationId, inSimulation, fullWidth }) => (
+  <Navbar fullWidth={fullWidth}>
+    {inSimulation ? (
+      <NavItem route={"/simulations/" + simulationId}>
+        <Link
+          className="nav-link"
+          title="Construction"
+          to={"/simulations/" + simulationId}
+        >
+          <FontAwesome name="industry" className="mr-2" />
+          Construction
+        </Link>
+      </NavItem>
+    ) : (
+      undefined
+    )}
+    {inSimulation ? (
+      <NavItem route={"/simulations/" + simulationId + "/experiments"}>
+        <Link
+          className="nav-link"
+          title="Experiments"
+          to={"/simulations/" + simulationId + "/experiments"}
+        >
+          <FontAwesome name="play" className="mr-2" />
+          Experiments
+        </Link>
+      </NavItem>
+    ) : (
+      undefined
+    )}
+    <NavItem route="/simulations">
+      <Link className="nav-link" title="My Simulations" to="/simulations">
+        <FontAwesome name="list" className="mr-2" />
+        My Simulations
+      </Link>
+    </NavItem>
+    <NavItem route="email">
+      <a
+        className="nav-link"
+        title="Support"
+        href="mailto:opendc@atlarge-research.com"
+      >
+        <FontAwesome name="envelope" className="mr-2" />
+        Support
+      </a>
+    </NavItem>
+  </Navbar>
+);
+
+export default AppNavbar;