src/components/root/Pages/IDSingle.js

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
 
+import ReportSingleMigration from "../common/Forms/ReportSingleMigration";
 import { callAPI } from "../../actions/API";
 import { GenericForm } from "../common/Forms/GenericForm";
 

src/components/root/common/Forms/FormPage.js

@@ -11,6 +11,7 @@ import {
 import classnames from "classnames";
 
 import EmailBooking from "./EmailBooking";
+import { CPanelForm } from "./CPanelForm";
 import { GenericForm } from "./GenericForm";
 
 const FormPage = ({ timeslots, item }) => {
@@ -52,7 +53,7 @@ const FormPage = ({ timeslots, item }) => {
           <Row>
             <Col>
               {/* <CPanelForm timeslots={timeslots} key={timeslots.id} /> */}
-              <GenericForm timeslots={timeslots} key={timeslots.id} />
+              <GenericForm  timeslots={timeslots} key={timeslots.id}/>
             </Col>
           </Row>
         </TabPane>

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

@@ -77,13 +77,7 @@ const CompTable = (props) => {
     sizePerPageRenderer, // A numeric array is also available. the purpose of above example is custom the text
   };
 
-  let columns = [
-    {
-      dataField: "domain",
-      text: "Domain",
-      sort: true,
-      formatter: (cell, row) => <a href={"migrations/" + row.id}> {cell} </a>,
-    },
+  const columns = [
     { dataField: "id", text: "ID", hidden: true },
     { dataField: "brand", text: "Brand", sort: true },
     { dataField: "migration_status", text: "Status", sort: true },
@@ -114,6 +108,12 @@ const CompTable = (props) => {
     },
     { dataField: "booked_date", text: "Booked Date", sort: true },
     { dataField: "agent_booked", text: "Agent initials", sort: true },
+    {
+      dataField: "domain",
+      text: "Domain",
+      sort: true,
+      formatter: (cell, row) => <a href={"migrations/" + row.id}> {cell} </a>,
+    },
     { dataField: "additional_domains", text: "Additional Domains", sort: true },
     { dataField: "username", text: "Username", sort: true },
     { dataField: "migration_type", text: "Type", sort: true },