From 12cbdbdfd86795c18f8c5678681d702660740379 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Wed, 4 Nov 2015 08:37:37 +0000
Subject: [PATCH] Moved side navbar to external component

---
 src/js/components/home.js        |  8 +++-----
 src/js/components/nav-sidebar.js | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 src/js/components/nav-sidebar.js

diff --git a/src/js/components/home.js b/src/js/components/home.js
index 861a17d..19b9602 100644
--- a/src/js/components/home.js
+++ b/src/js/components/home.js
@@ -1,15 +1,13 @@
 var React = require('react');
 
+var NavSidebar = require('./nav-sidebar');
+
 var Home = React.createClass({
   render: function () {
     return (
       <div className="container-fluid row">
         <div className="col-xs-3">
-          <ul className="nav nav-pills nav-stacked">
-            <li role="presentation" className="active"><a href="#">Settings</a></li>
-            <li role="presentation"><a href="#">Test</a></li>
-            <li role="presentation"><a href="#">About</a></li>
-          </ul>
+          <NavSideBar />
         </div>
         <div className="col-xs-9">
           <h2>Title</h2>
diff --git a/src/js/components/nav-sidebar.js b/src/js/components/nav-sidebar.js
new file mode 100644
index 0000000..af457ab
--- /dev/null
+++ b/src/js/components/nav-sidebar.js
@@ -0,0 +1,15 @@
+var React = require('react');
+
+var NavSidebar = React.createClass({
+  render: function () {
+    return (
+      <ul className="nav nav-pills nav-stacked">
+        <li role="presentation" className="active"><a href="#">Settings</a></li>
+        <li role="presentation"><a href="#">Test</a></li>
+        <li role="presentation"><a href="#">About</a></li>
+      </ul>
+    );
+  }
+});
+
+module.exports = NavSidebar;
\ No newline at end of file