From 9a4837f1630912906937e324ce7497414b5d4254 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 24 Jul 2017 11:43:51 +0200
Subject: Add navbar to projects page

---
 src/components/navigation/Navbar.js | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/components/navigation/Navbar.js

(limited to 'src/components/navigation/Navbar.js')

diff --git a/src/components/navigation/Navbar.js b/src/components/navigation/Navbar.js
new file mode 100644
index 00000000..a5f0510f
--- /dev/null
+++ b/src/components/navigation/Navbar.js
@@ -0,0 +1,36 @@
+import React, {Component} from 'react';
+import {Link} from "react-router-dom";
+import "./Navbar.css";
+import Mailto from "react-mailto";
+import FontAwesome from "react-fontawesome";
+
+class Navbar extends Component {
+    render() {
+        return (
+            <div className="opendc-navbar">
+                <Link className="opendc-brand" to="/">
+                    <img src="/img/logo.png" alt="OpenDC Logo"/>
+                    <div className="opendc-title">
+                        Open<strong>DC</strong>
+                    </div>
+                </Link>
+                <div className="navigation navbar-button-group">
+                    <Link className="projects" title="Projects" to="/projects">Projects</Link>
+                </div>
+                <div className="user-controls navbar-button-group">
+                    <Mailto className="support" title="Support" email="opendc.tudelft@gmail.com"
+                            headers={{subject: "OpenDC%20Support"}}>
+                        <FontAwesome name="question-circle" size="lg"/>
+                    </Mailto>
+                    <Link className="username" title="My Profile" to="/profile">Profile</Link>
+                    <Link className="sign-out" title="Sign out" to="#">
+                        <FontAwesome name="power-off" size="lg"/>
+                    </Link>
+                </div>
+                <div id="google-signin" className="navbar-right"/>
+            </div>
+        );
+    }
+}
+
+export default Navbar;
-- 
cgit v1.2.3