diff options
Diffstat (limited to 'src/components/navigation/Navbar.js')
| -rw-r--r-- | src/components/navigation/Navbar.js | 36 |
1 files changed, 36 insertions, 0 deletions
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; |