creating a table in SideMigrations...hard

src/components/root/Dashboard.js

@@ -0,0 +1,12 @@
+import React, { Component } from 'react'
+
+
+export default class Dashboard extends Component {
+    render() {
+        return (
+            <div>
+                
+            </div>
+        )
+    }
+}

src/components/root/Home.js

@@ -1,41 +1,24 @@
-import React, { Component } from 'react';
+import React, { Component } from "react";
 
-import Migrations from '../Migrations/Migrations';
-import SideMigrations from '../Migrations/SideMigrations';
+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>
-        )
-    }
+  render() {
+    return (
+      <div className="row">
+        <div className="col s8">
+          <Migrations />
+        </div>
+        <div className="col s4">
+          <h3>Side Migrations goes here</h3>
+        </div>
+      </div>
+    );
+  }
 }
 
-export default Home
+export default Home;
+
+// Broken
+// <SideMigrations />