Removed old files

src/components/root/Home.js

@@ -2,7 +2,6 @@ import React, { Component } from "react";
 
 import { callAPI } from "../actions/API";
 import Cards from "./Pages/Cards";
-import SideMigrations from "./common/Migrations/SideMigrations";
 import GenericList from "../root/Pages/GenericList";
 
 // Homepage/Cards, first API call here to pass down to cards
@@ -53,7 +52,6 @@ export class Home extends Component {
           <div className="section">
             <div className="col s12">
               <GenericList APILINK="/pending/"/>
-              {/* <SideMigrations /> */}
             </div>
           </div>
           <div className="divider"></div>
@@ -63,7 +61,4 @@ export class Home extends Component {
   }
 }
 
-export default Home;
+export default Home;
-
-// Broken
-// <SideMigrations migs={this.state.migs} />

src/components/root/common/Migrations/SideMigrations.js

@@ -1,32 +0,0 @@
-import React, { Component } from "react";
-import { SingleSide } from "../Tables/SingleSide";
-import { callAPI } from "../../../actions/API";
-
-// Side Migrations is displayed on the Home page,
-// This page contains the API request, and storing state for the request,
-
-export default class SideMigrations extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      migs: [],
-    };
-  }
-  componentDidMount() {
-    callAPI
-      .get("/pending/")
-      .then((request) => {
-        this.setState({
-          migs: request.data,
-        });
-      })
-      .catch((error) => {
-        this.setState({
-          error: true,
-        });
-      });
-  }
-  render() {
-    return <SingleSide key={this.state.migs.id} data={this.state.migs} />;
-  }
-}

src/components/root/common/Tables/SingleSide.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
-import "../../../../react-bootstrap-table.css";
-
-// Single Side is directly referenced on the SideMigrations page,
-// receives data from the get request and only displays small amounts of info
-// this could be fleshed out/ linked to UUID's
-
-export const SingleSide = ({ data }) => {
-  return (
-    <div>
-      <BootstrapTable data={data} height="100%" striped hover condensed>
-        <TableHeaderColumn isKey dataField="domain" width="45%">
-          Domain
-        </TableHeaderColumn>
-        <TableHeaderColumn dataField="booked_time" width="35%">
-          Booked Time
-        </TableHeaderColumn>
-        <TableHeaderColumn dataField="migration_status" width="20%">
-          Status
-        </TableHeaderColumn>
-      </BootstrapTable>
-    </div>
-  );
-  //
-};
-{
-}