Dashboard is now clean

src/components/root/Historical.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Historical = () => {
+    return (
+        <h1>Historical</h1>
+    );
+}
+
+export default Historical;

src/components/root/Home.js

@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+
+import Migrations from '../Migrations/Migrations';
+import SideMigrations from '../Migrations/SideMigrations';
+
+export class Home extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            migs1: {
+                type: 'top-headlines',
+                query: 'migration_status'
+            },
+            migs2: {
+                type: 'top-headlines',
+                query: 'country=us&category=business'
+            },
+            migs3: {
+                type: 'top-headlines',
+                query: 'sources=bbc-news'
+            }
+        };
+    }
+
+    render() {
+        return (
+            <div className="row">
+                <div className="col s8">
+                    <Migrations />
+
+                </div>
+                <div className="col s4">
+                    <SideMigrations migs={this.state.migs3} />
+                </div>
+            </div>
+        )
+    }
+}
+
+export default Home

src/components/root/Navigation.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+
+export class Navigation extends Component {
+    render() {
+        return (
+            <nav>
+                <div className="navbar-fixed">
+                    <div className="nav-wrapper">
+                        <ul className="left hide-on-med-and-down">
+                            <li><Link className="active" to="/">Dashboard</Link></li>
+                            <li><Link to="/upcoming-migrations">Upcoming Migrations</Link></li>
+                            <li><Link to="/reports">Reports</Link></li>
+                            <li><Link to="/historical-migrations">Historical Migrations</Link></li>
+                        </ul>
+                    </div>
+                </div>
+            </nav>
+        )
+    }
+}
+
+export default Navigation

src/components/root/Reports.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Reports = () => {
+    return (
+        <h1>Reports</h1>
+    );
+}
+
+export default Reports;

src/components/root/Upcoming.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Upcoming = () => {
+    return (
+        <h1>Upcoming</h1>
+    );
+}
+
+export default Upcoming;