From f119fc78dda4d1e828dde04f378a63a93e3a0a7e Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Thu, 2 Jul 2020 18:39:28 +0200
Subject: Add current progress on frontend port

---
 frontend/src/components/navigation/AppNavbar.js | 76 ++++++++++++-------------
 1 file changed, 37 insertions(+), 39 deletions(-)

(limited to 'frontend/src/components/navigation/AppNavbar.js')

diff --git a/frontend/src/components/navigation/AppNavbar.js b/frontend/src/components/navigation/AppNavbar.js
index 451bb6a3..da43a330 100644
--- a/frontend/src/components/navigation/AppNavbar.js
+++ b/frontend/src/components/navigation/AppNavbar.js
@@ -4,52 +4,50 @@ import { Link } from 'react-router-dom'
 import Navbar, { NavItem } from './Navbar'
 import './Navbar.css'
 
-const AppNavbar = ({ simulationId, inSimulation, fullWidth }) => (
+const AppNavbar = ({ simulationId, inSimulation, fullWidth, onViewTopologies }) => (
     <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>
+        {inSimulation ? (
+            <>
+                <NavItem route={'/simulations/' + simulationId}>
+                    <Link
+                        className="nav-link"
+                        title="Construction"
+                        to={'/simulations/' + simulationId}
+                    >
+                        <FontAwesome name="industry" className="mr-2"/>
+                        Construction
+                    </Link>
+                </NavItem>
+                <NavItem route="topologies">
+                    <span
+                        className="nav-link"
+                        title="Topologies"
+                        onClick={onViewTopologies}
+                    >
+                        <FontAwesome name="home" className="mr-2"/>
+                        Topologies
+                    </span>
+                </NavItem>
+                <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
+        )}
     </Navbar>
 )
 
-- 
cgit v1.2.3