Add new left sidebar, move topology controls

2 files changed, 27 insertions, 54 deletions

diff --git a/frontend/src/components/navigation/AppNavbar.js b/frontend/src/components/navigation/AppNavbar.js
deleted file mode 100644
index 876d4abd..00000000
--- a/frontend/src/components/navigation/AppNavbar.js
+++ /dev/null
@@ -1,54 +0,0 @@
-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 = ({ projectId, inProject, fullWidth, onViewTopologies }) => (
-    <Navbar fullWidth={fullWidth}>
-        <NavItem route="/projects">
-            <Link className="nav-link" title="My Projects" to="/projects">
-                <FontAwesome name="list" className="mr-2"/>
-                My Projects
-            </Link>
-        </NavItem>
-        {inProject ? (
-            <>
-                <NavItem route={'/projects/' + projectId}>
-                    <Link
-                        className="nav-link"
-                        title="Construction"
-                        to={'/projects/' + projectId}
-                    >
-                        <FontAwesome name="industry" className="mr-2"/>
-                        Construction
-                    </Link>
-                </NavItem>
-                <NavItem route="topologies">
-                    <span
-                        className="nav-link"
-                        title="Topologies"
-                        onClick={onViewTopologies}
-                    >
-                        <FontAwesome name="server" className="mr-2"/>
-                        Topologies
-                    </span>
-                </NavItem>
-                <NavItem route={'/projects/' + projectId + '/experiments'}>
-                    <Link
-                        className="nav-link"
-                        title="Experiments"
-                        to={'/projects/' + projectId + '/experiments'}
-                    >
-                        <FontAwesome name="play" className="mr-2"/>
-                        Experiments
-                    </Link>
-                </NavItem>
-            </>
-        ) : (
-            undefined
-        )}
-    </Navbar>
-)
-
-export default AppNavbar
diff --git a/frontend/src/components/navigation/AppNavbarComponent.js b/frontend/src/components/navigation/AppNavbarComponent.js
new file mode 100644
index 00000000..10a2b92c
--- /dev/null
+++ b/frontend/src/components/navigation/AppNavbarComponent.js
@@ -0,0 +1,27 @@
+import React from 'react'
+import FontAwesome from 'react-fontawesome'
+import { Link } from 'react-router-dom'
+import Navbar, { NavItem } from './Navbar'
+import './Navbar.css'
+
+const AppNavbarComponent = ({ project, fullWidth }) => (
+    <Navbar fullWidth={fullWidth}>
+        <NavItem route="/projects">
+            <Link className="nav-link" title="My Projects" to="/projects">
+                <FontAwesome name="list" className="mr-2"/>
+                My Projects
+            </Link>
+        </NavItem>
+        {project ? (
+            <NavItem>
+                <Link className="nav-link" title="Current Project" to={`/projects/${project._id}`}>
+                    <span>{project.name}</span>
+                </Link>
+            </NavItem>
+        ) : (
+            undefined
+        )}
+    </Navbar>
+)
+
+export default AppNavbarComponent