From f3660a2ab91d84d284afb261b668b3ca53c46db6 Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Fri, 23 Feb 2018 23:27:28 +1100
Subject: [PATCH] Sectionized navbar links

---
 public/components/navigation/Navbar.jsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/public/components/navigation/Navbar.jsx b/public/components/navigation/Navbar.jsx
index 19889f1..86eaeb9 100644
--- a/public/components/navigation/Navbar.jsx
+++ b/public/components/navigation/Navbar.jsx
@@ -15,6 +15,14 @@ import React from 'react';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome'
 import { faBars } from '@fortawesome/fontawesome-free-solid'
 
+const NavLink = function(props) {
+  return (
+    <a href={props.to} className="c-navbar__link">
+      <span className="c-navbar__link-text">{props.children}</span>
+    </a>
+  )
+}
+
 class Navbar extends React.Component {
   constructor(props) {
     super(props);
@@ -26,7 +34,15 @@ class Navbar extends React.Component {
         <button type="button" className="c-navbar__menu-button">
           <FontAwesomeIcon icon={faBars} />
         </button>
-        This is my navbar11
+
+        <div className="c-navbar__logo">
+          This is my navbar11
+        </div>
+
+        <div className="c-navbar__links">
+          <NavLink to="/">Home</NavLink>
+          <NavLink to="/contact">Contact</NavLink>
+        </div>
       </nav>
     )
   }