CLEANUP Refactored note upsert to use redux modals.

client/src/components/job-detail-cards/job-detail-cards.component.jsx

@@ -16,7 +16,6 @@ import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import NoteUpsertModal from "../note-upsert-modal/note-upsert-modal.container";
 import ScheduleJobModalContainer from "../schedule-job-modal/schedule-job-modal.container";
-//import JobDetailCardsHeaderComponent from "./job-detail-cards.header.component";
 import JobDetailCardsCustomerComponent from "./job-detail-cards.customer.component";
 import JobDetailCardsDamageComponent from "./job-detail-cards.damage.component";
 import JobDetailCardsDatesComponent from "./job-detail-cards.dates.component";
@@ -29,16 +28,21 @@ import JobDetailCardsTotalsComponent from "./job-detail-cards.totals.component";
 
 const mapDispatchToProps = dispatch => ({
   setInvoiceEnterContext: context =>
-    dispatch(setModalContext({ context: context, modal: "invoiceEnter" }))
+    dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
+  setNoteUpsertContext: context =>
+    dispatch(setModalContext({ context: context, modal: "noteUpsert" }))
 });
 
-function JobDetailCards({ selectedJob, setInvoiceEnterContext }) {
+export function JobDetailCards({
+  selectedJob,
+  setInvoiceEnterContext,
+  setNoteUpsertContext
+}) {
   const { loading, error, data, refetch } = useQuery(QUERY_JOB_CARD_DETAILS, {
     fetchPolicy: "network-only",
     variables: { id: selectedJob },
     skip: !selectedJob
   });
-  const [noteModalVisible, setNoteModalVisible] = useState(false);
   const scheduleModalState = useState(false);
   const { t } = useTranslation();
 
@@ -50,12 +54,7 @@ function JobDetailCards({ selectedJob, setInvoiceEnterContext }) {
 
   return (
     <div className="job-cards-container">
-      <NoteUpsertModal
-        jobId={data.jobs_by_pk.id}
-        visible={noteModalVisible}
-        changeVisibility={setNoteModalVisible}
-        refetch={refetch}
-      />
+      <NoteUpsertModal />
       <ScheduleJobModalContainer
         scheduleModalState={scheduleModalState}
         jobId={data.jobs_by_pk.id}
@@ -110,7 +109,12 @@ function JobDetailCards({ selectedJob, setInvoiceEnterContext }) {
             key="notes"
             actiontype="addNote"
             onClick={() => {
-              setNoteModalVisible(!noteModalVisible);
+              setNoteUpsertContext({
+                actions: { refetch: refetch },
+                context: {
+                  jobId: data.jobs_by_pk.id
+                }
+              });
             }}
           >
             <EditFilled />
@@ -120,7 +124,7 @@ function JobDetailCards({ selectedJob, setInvoiceEnterContext }) {
             key="postinvoices"
             onClick={() => {
               setInvoiceEnterContext({
-                actions: { refetch: null },
+                actions: { refetch: refetch },
                 context: {
                   job: data.jobs_by_pk
                 }