BOD-118 Added Saga to start conversations from anywhere. Removed gql apollo-boost due to package size and replaced with graphql-tag

client/src/components/chat-open-button/chat-open-button.component.jsx

@@ -5,11 +5,11 @@ import { openChatByPhone } from "../../redux/messaging/messaging.actions";
 const mapDispatchToProps = (dispatch) => ({
   openChatByPhone: (phone) => dispatch(openChatByPhone(phone)),
 });
-export function ChatOpenButton({ phone, openChatByPhone }) {
+export function ChatOpenButton({ phone, jobid, openChatByPhone }) {
   return (
     <MessageFilled
       style={{ margin: 4 }}
-      onClick={() => openChatByPhone(phone)}
+      onClick={() => openChatByPhone({ phone_num: phone, jobid: jobid })}
     />
   );
 }

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

@@ -1,6 +1,6 @@
 import { useApolloClient, useMutation, useQuery } from "@apollo/react-hooks";
 import { notification } from "antd";
-import { gql } from "apollo-boost";
+import gql from "graphql-tag";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -137,11 +137,12 @@ export function JobsAvailableSupplementContainer({
     setSelectedJob(null);
   };
 
-  if (error) return <AlertComponent type='error' message={error.message} />;
+  if (error) return <AlertComponent type="error" message={error.message} />;
   return (
     <LoadingSpinner
       loading={insertLoading}
-      message={t("jobs.labels.creating_new_job")}>
+      message={t("jobs.labels.creating_new_job")}
+    >
       <JobsAvailableSupplementComponent
         loading={loading}
         data={data}

client/src/components/jobs-available-supplement/jobs-available-supplement.estlines.util.js

@@ -1,5 +1,5 @@
 import { GET_JOB_LINES_BY_PK } from "../../graphql/jobs-lines.queries";
-import { gql } from "apollo-boost";
+import gql from "graphql-tag";
 export const GetSupplementDelta = async (client, jobId, newLines) => {
   console.log("-----Begin Supplement-----");
   console.log("Supplement delta for jobId", jobId);

client/src/components/jobs-list/jobs-list.component.jsx

@@ -76,7 +76,7 @@ export default withRouter(function JobsList({
         return record.ownr_ph1 ? (
           <span>
             <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
-            <StartChatButton phone={record.ownr_ph1} />
+            <StartChatButton phone={record.ownr_ph1} jobid={record.id} />
           </span>
         ) : null;
       },