Changed navigation.

src/Main.js

@@ -2,6 +2,7 @@ import React from 'react'
 import { Link } from 'react-router'
 
 import './css/style.css'
+import Navigation from './Navigation'
 
 class Main extends React.Component {
   render () {
@@ -13,12 +14,7 @@ class Main extends React.Component {
       <div className='app-wrapper'>
         <div className='app-header'>
           <h2>AutoMate</h2>
-          <nav className='app-nav'>
-            <ul>
-              <li><Link to='/project'>Projects</Link></li>
-              <li><Link to='/registermap'>Registermaps</Link></li>
-            </ul>
-          </nav>
+          <Navigation />
         </div>
         {children}
         <div className='app-footer'>

src/App.test.js → src/Main.test.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import Main from './Main';
 
 it('renders without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
+  ReactDOM.render(<Main />, div);
 });

src/Navigation.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import { Link } from 'react-router'
+
+function Navigation () {
+  return (
+    <nav className='app-nav'>
+      <ul>
+        <li><Link to='/demo_module'>Demo Module</Link></li>
+        <li><Link to='/project'>Projects</Link></li>
+        <li><Link to='/registermap'>Registermaps</Link></li>
+      </ul>
+    </nav>
+  )
+}
+
+export default Navigation