From b2a7351aef78c8faf6c3316bc49b4a53666bfeb2 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Fri, 3 Jul 2015 19:50:18 -0700
Subject: [PATCH] fix add missing nav links refactor into json

---
 common/app/components/Nav/Nav.jsx    | 49 ++++++++++++++--------------
 common/app/components/Nav/links.json | 16 +++++++++
 2 files changed, 40 insertions(+), 25 deletions(-)
 create mode 100644 common/app/components/Nav/links.json

diff --git a/common/app/components/Nav/Nav.jsx b/common/app/components/Nav/Nav.jsx
index fdab686399..f35a8442ae 100644
--- a/common/app/components/Nav/Nav.jsx
+++ b/common/app/components/Nav/Nav.jsx
@@ -1,7 +1,29 @@
 import React from 'react';
 import { Nav, Navbar, NavItem } from 'react-bootstrap';
+
+import navLinks from './links.json';
 import FCCNavItem from './NavItem.jsx';
 
+const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
+const navElements = navLinks.map((navItem, index) => {
+  return (
+    <NavItem
+      eventKey={ index + 1 }
+      href={ navItem.link }>
+      { navItem.content }
+    </NavItem>
+  );
+});
+
+const logoElement = (
+  <a href='/'>
+    <img
+      alt='learn to code javascript at Free Code Camp logo'
+      className='img-responsive nav-logo'
+      src={ fCClogo } />
+  </a>
+);
+
 export default class extends React.Component {
   constructor(props) {
     super(props);
@@ -13,15 +35,6 @@ export default class extends React.Component {
   }
 
   renderBrand() {
-    var fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg';
-    return (
-      <a href='/'>
-        <img
-          alt='learn to code javascript at Free Code Camp logo'
-          className='img-responsive nav-logo'
-          src={ fCClogo } />
-      </a>
-    );
   }
 
   renderSignin() {
@@ -47,7 +60,7 @@ export default class extends React.Component {
   render() {
     return (
       <Navbar
-        brand={ this.renderBrand() }
+        brand={ logoElement }
         className='nav-height'
         fixedTop={ true }
         toggleNavKey={ 0 }>
@@ -55,21 +68,7 @@ export default class extends React.Component {
           className='hamburger-dropdown'
           eventKey={ 0 }
           right={ true }>
-          <NavItem
-            eventKey={ 1 }
-            href='/Challenges'>
-            Challenges
-          </NavItem>
-          <NavItem
-            eventKey={ 1 }
-            href='Chat'>
-            Chat
-          </NavItem>
-          <NavItem
-            eventKey={ 2 }
-            href='/bonfires'>
-            Bonfires
-          </NavItem>
+          { navElements }
           { this.renderSignin() }
         </Nav>
       </Navbar>
diff --git a/common/app/components/Nav/links.json b/common/app/components/Nav/links.json
new file mode 100644
index 0000000000..269a0aad4e
--- /dev/null
+++ b/common/app/components/Nav/links.json
@@ -0,0 +1,16 @@
+[{
+  "content": "Map",
+  "link": "/map"
+}, {
+  "content": "Chat",
+  "link": "//gitter.im/FreeCodeCamp/FreeCodeCamp"
+},{
+  "content": "News",
+  "link": "/news"
+},{
+  "content": "Guide",
+  "link": "/field-guide"
+},{
+  "content": "Jobs",
+  "link": "/jobs"
+}]