Added find owner modal and basic searching logic.

client/src/components/jobs-available-new/jobs-available-new.container.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { useMutation, useQuery } from "react-apollo";
 import {
   DELETE_ALL_AVAILABLE_NEW_JOBS,
@@ -13,9 +13,28 @@ export default function JobsAvailableContainer({ deleteJob, estDataLazyLoad }) {
     fetchPolicy: "network-only"
   });
 
+  const [modalVisible, setModalVisible] = useState(false);
+  const [selectedOwner, setSelectedOwner] = useState(null);
   const [deleteAllNewJobs] = useMutation(DELETE_ALL_AVAILABLE_NEW_JOBS);
   const [insertNewJob] = useMutation(INSERT_NEW_JOB);
 
+  const onModalOk = () => {
+    setModalVisible(false);
+    console.log("selectedOwner", selectedOwner);
+    // insertNewJob({
+    //   variables: {
+    //     job: record.est_data
+    //   }
+    // }).then(r => {
+    //   notification["success"]({
+    //     message: t("jobs.successes.created")
+    //   });
+    //   refetch();
+    // });
+  };
+
+  const onModalCancel = () => setModalVisible(false);
+
   if (error) return <AlertComponent type="error" message={error.message} />;
   return (
     <JobsAvailableComponent
@@ -26,6 +45,12 @@ export default function JobsAvailableContainer({ deleteJob, estDataLazyLoad }) {
       deleteAllNewJobs={deleteAllNewJobs}
       insertNewJob={insertNewJob}
       estDataLazyLoad={estDataLazyLoad}
+      onModalCancel={onModalCancel}
+      onModalOk={onModalOk}
+      modalVisible={modalVisible}
+      setModalVisible={setModalVisible}
+      selectedOwner={selectedOwner}
+      setSelectedOwner={setSelectedOwner}
     />
   );
 }