From 2255d34ee95a527337048c55ad1caae70c6f9c7e Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@authentise.com>
Date: Wed, 18 May 2016 15:00:12 -0600
Subject: [PATCH] Break out navbar into a separate component

Then we can reuse it. In everything
---
 lib/dashboard.js | 16 +++-------------
 lib/navbar.js    | 22 ++++++++++++++++++++++
 2 files changed, 25 insertions(+), 13 deletions(-)
 create mode 100644 lib/navbar.js

diff --git a/lib/dashboard.js b/lib/dashboard.js
index 642cb95..cdff497 100644
--- a/lib/dashboard.js
+++ b/lib/dashboard.js
@@ -2,6 +2,7 @@ import * as BS from 'react-bootstrap';
 import React from 'react';
 
 import * as Actions from 'vanth/actions/root';
+import Navbar from 'vanth/navbar';
 
 var Dashboard = React.createClass({
   logout: function() {
@@ -12,19 +13,8 @@ var Dashboard = React.createClass({
   render: function() {
     return (
       <div className='container-fluid'>
-        <BS.Navbar>
-          <BS.Navbar.Header>
-            <BS.Navbar.Brand>
-              <a href="/">Vanth</a>
-            </BS.Navbar.Brand>
-          </BS.Navbar.Header>
-          <BS.Nav>
-            <BS.NavItem eventKey={1} href="/thing">Thing</BS.NavItem>
-            <BS.NavDropdown eventKey={2} title="Account" id="account">
-              <BS.MenuItem eventKey={2.1} onClick={this.logout}>Logout</BS.MenuItem>
-            </BS.NavDropdown>
-          </BS.Nav>
-        </BS.Navbar>
+        <Navbar/>
+        <p>Welcome home</p>
       </div>
     );
   }
diff --git a/lib/navbar.js b/lib/navbar.js
new file mode 100644
index 0000000..7a30880
--- /dev/null
+++ b/lib/navbar.js
@@ -0,0 +1,22 @@
+import * as BS from 'react-bootstrap';
+import React from 'react';
+
+module.exports = React.createClass({
+  render: function() {
+    return (
+      <BS.Navbar>
+        <BS.Navbar.Header>
+          <BS.Navbar.Brand>
+            <a href="/">Vanth</a>
+          </BS.Navbar.Brand>
+        </BS.Navbar.Header>
+        <BS.Nav>
+          <BS.NavItem eventKey={1} href="#/accounts">Accounts</BS.NavItem>
+          <BS.NavDropdown eventKey={2} title="Account" id="account">
+            <BS.MenuItem eventKey={2.1} onClick={this.logout}>Logout</BS.MenuItem>
+          </BS.NavDropdown>
+        </BS.Nav>
+      </BS.Navbar>
+    );
+  }
+});