Add experiments route

1 files changed, 35 insertions, 4 deletions

diff --git a/src/components/navigation/AppNavbar.js b/src/components/navigation/AppNavbar.js
index 83959f08..94eaa7fa 100644
--- a/src/components/navigation/AppNavbar.js
+++ b/src/components/navigation/AppNavbar.js
@@ -1,21 +1,52 @@
 import React from 'react';
+import FontAwesome from "react-fontawesome";
 import Mailto from "react-mailto";
 import {Link} from "react-router-dom";
 import Navbar, {NavItem} from "./Navbar";
 import "./Navbar.css";
 
-const AppNavbar = () => (
+const AppNavbar = ({simulationId, inSimulation}) => (
     <Navbar>
+        {inSimulation ?
+            <NavItem route={"/simulations/" + simulationId}>
+                <Link
+                    className="nav-link"
+                    title="Build"
+                    to={"/simulations/" + simulationId}>
+                    <FontAwesome name="industry" className="mr-1"/>
+                    Build
+                </Link>
+            </NavItem> :
+            undefined
+        }
+        {inSimulation ?
+            <NavItem route={"/simulations/" + simulationId + "/experiments"}>
+                <Link
+                    className="nav-link"
+                    title="Simulate"
+                    to={"/simulations/" + simulationId + "/experiments"}>
+                    <FontAwesome name="play" className="mr-1"/>
+                    Simulate
+                </Link>
+            </NavItem> :
+            undefined
+        }
         <NavItem route="/simulations">
-            <Link className="nav-link simulations" title="Simulations" to="/simulations">Simulations</Link>
+            <Link
+                className="nav-link"
+                title="My Simulations"
+                to="/simulations">
+                <FontAwesome name="list" className="mr-1"/>
+                My Simulations
+            </Link>
         </NavItem>
         <NavItem route="email">
-            <Mailto className="nav-link support" title="Support" email="opendc@atlarge-research.com"
+            <Mailto className="nav-link" title="Support" email="opendc@atlarge-research.com"
                     headers={{subject: "OpenDC Support"}}>
+                <FontAwesome name="envelope" className="mr-1"/>
                 Support
             </Mailto>
         </NavItem>
-
     </Navbar>
 );