Renamed some owner fields to follow CIECA standard. Work on Owner Select modal.

client/src/pages/jobs-available/jobs-available.page.component.jsx

@@ -2,12 +2,22 @@ import React from "react";
 import JobsAvailableContainer from "../../components/jobs-available-new/jobs-available-new.container";
 import JobsAvailableSupplementContainer from "../../components/jobs-available-supplement/jobs-available-supplement.container";
 
-export default function JobsAvailablePageComponent() {
+export default function JobsAvailablePageComponent({
+  deleteJob,
+  estDataLazyLoad
+}) {
   return (
     <div>
-      <JobsAvailableContainer />
-
-      <JobsAvailableSupplementContainer />
+      Available New Jobs
+      <JobsAvailableContainer
+        deleteJob={deleteJob}
+        estDataLazyLoad={estDataLazyLoad}
+      />
+      Available Supplements
+      <JobsAvailableSupplementContainer
+        deleteJob={deleteJob}
+        estDataLazyLoad={estDataLazyLoad}
+      />
     </div>
   );
 }

client/src/pages/jobs-available/jobs-available.page.container.jsx

@@ -1,10 +1,26 @@
-import React from 'react'
-import JobsAvailablePageComponent from './jobs-available.page.component'
+import React from "react";
+import { useMutation, useLazyQuery } from "react-apollo";
+import {
+  DELETE_AVAILABLE_JOB,
+  QUERY_AVAILABLE_NEW_JOBS_EST_DATA_BY_PK
+} from "../../graphql/available-jobs.queries";
+import JobsAvailablePageComponent from "./jobs-available.page.component";
 
 export default function JobsAvailablePageContainer() {
-    return (
-        <div>
-            <JobsAvailablePageComponent />
-        </div>
-    )
+  const [deleteJob] = useMutation(DELETE_AVAILABLE_JOB);
+
+  const estDataLazyLoad = useLazyQuery(
+    QUERY_AVAILABLE_NEW_JOBS_EST_DATA_BY_PK,
+    {
+      fetchPolicy: "network-only"
+    }
+  );
+  return (
+    <div>
+      <JobsAvailablePageComponent
+        deleteJob={deleteJob}
+        estDataLazyLoad={estDataLazyLoad}
+      />
+    </div>
+  );
 }