summaryrefslogtreecommitdiff
path: root/frontend/src/components/navigation/AppNavbar.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/navigation/AppNavbar.js')
-rw-r--r--frontend/src/components/navigation/AppNavbar.js106
1 files changed, 53 insertions, 53 deletions
diff --git a/frontend/src/components/navigation/AppNavbar.js b/frontend/src/components/navigation/AppNavbar.js
index 1a35f85d..451bb6a3 100644
--- a/frontend/src/components/navigation/AppNavbar.js
+++ b/frontend/src/components/navigation/AppNavbar.js
@@ -1,56 +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";
+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>
-);
+ <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;
+export default AppNavbar