IO-1530 Email individual note.

client/src/components/jobs-notes/jobs-notes.container.jsx

@@ -3,17 +3,17 @@ import { notification } from "antd";
 import React, { useState } from "react";
 //import SpinComponent from "../../components/loading-spinner/loading-spinner.component";
 import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
 import AlertComponent from "../../components/alert/alert.component";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
   DELETE_NOTE,
   QUERY_NOTES_BY_JOB_PK,
 } from "../../graphql/notes.queries";
-import JobNotesComponent from "./jobs.notes.component";
 import { insertAuditTrail } from "../../redux/application/application.actions";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
+import JobNotesComponent from "./jobs.notes.component";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
@@ -63,6 +63,7 @@ export function JobNotesContainer({ jobId, insertAuditTrail }) {
       refetch={refetch}
       deleteLoading={deleteLoading}
       handleNoteDelete={handleNoteDelete}
+      ro_number={data ? data.jobs_by_pk.ro_number : null}
     />
   );
 }

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

@@ -13,7 +13,9 @@ import { createStructuredSelector } from "reselect";
 import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
+import { TemplateList } from "../../utils/TemplateConstants";
 import NoteUpsertModal from "../note-upsert-modal/note-upsert-modal.container";
+import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
@@ -33,8 +35,12 @@ export function JobNotesComponent({
   jobId,
   setNoteUpsertContext,
   deleteLoading,
+  ro_number,
 }) {
   const { t } = useTranslation();
+  const Templates = TemplateList("job_special", {
+    ro_number,
+  });
 
   const columns = [
     {
@@ -107,6 +113,18 @@ export function JobNotesComponent({
           >
             <EditFilled />
           </Button>
+          <PrintWrapperComponent
+            emailOnly
+            templateObject={{
+              name: Templates.individual_job_note.key,
+
+              variables: { id: record.id },
+            }}
+            messageObject={{
+              subject: Templates.individual_job_note.subject,
+            }}
+            id={record.id}
+          />
         </Space>
       ),
     },