1 files changed, 26 insertions, 0 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/navigation/AppNavbarComponent.js b/opendc-web/opendc-web-ui/src/components/navigation/AppNavbarComponent.js
new file mode 100644
index 00000000..c5de3d0b
--- /dev/null
+++ b/opendc-web/opendc-web-ui/src/components/navigation/AppNavbarComponent.js
@@ -0,0 +1,26 @@
+import React from 'react'
+import FontAwesome from 'react-fontawesome'
+import { Link } from 'react-router-dom'
+import { NavLink } from 'reactstrap'
+import Navbar, { NavItem } from './Navbar'
+import './Navbar.sass'
+
+const AppNavbarComponent = ({ project, fullWidth }) => (
+    <Navbar fullWidth={fullWidth}>
+        <NavItem route="/projects">
+            <NavLink tag={Link} title="My Projects" to="/projects">
+                <FontAwesome name="list" className="mr-2" />
+                My Projects
+            </NavLink>
+        </NavItem>
+        {project ? (
+            <NavItem>
+                <NavLink tag={Link} title="Current Project" to={`/projects/${project._id}`}>
+                    <span>{project.name}</span>
+                </NavLink>
+            </NavItem>
+        ) : undefined}
+    </Navbar>
+)
+
+export default AppNavbarComponent