From 890cd3f7028bfccd77b0d04670f7bc07293ed383 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Tue, 7 Jul 2020 11:20:43 +0200
Subject: Add new left sidebar, move topology controls

---
 .../components/navigation/AppNavbarComponent.js    | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 frontend/src/components/navigation/AppNavbarComponent.js

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

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
-- 
cgit v1.2.3