Appt reminder from event IO-612

bodyshop_translations.babel

@@ -322,6 +322,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>sendreminder</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>viewjob</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/schedule-event/schedule-event.component.jsx

@@ -6,10 +6,11 @@ import { Link } from "react-router-dom";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import PhoneFormatter from "../../utils/PhoneFormatter";
+import { GenerateDocument } from "../../utils/RenderTemplate";
 import DataLabel from "../data-label/data-label.component";
 import ScheduleAtChange from "./schedule-event.at.component";
 import ScheduleEventColor from "./schedule-event.color.component";
-
+import { TemplateList } from "../../utils/TemplateConstants";
 const mapDispatchToProps = (dispatch) => ({
   setScheduleContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "schedule" })),
@@ -77,6 +78,21 @@ export function ScheduleEventComponent({
             <Button>{t("appointments.actions.viewjob")}</Button>
           </Link>
         ) : null}
+        <Button
+          onClick={() => {
+            GenerateDocument(
+              {
+                name: TemplateList("job").appointment_reminder.key,
+                variables: { id: event.job.id },
+              },
+              { to: event.job && event.job.ownr_ea },
+              "e"
+            );
+          }}
+          disabled={event.arrived}
+        >
+          {t("appointments.actions.sendreminder")}
+        </Button>
         <Button onClick={() => handleCancel(event.id)} disabled={event.arrived}>
           {t("appointments.actions.cancel")}
         </Button>

client/src/translations/en_us/common.json

@@ -25,6 +25,7 @@
 				"intake": "Intake",
 				"new": "New Appointment",
 				"reschedule": "Reschedule",
+				"sendreminder": "Send Reminder",
 				"viewjob": "View Job"
 			},
 			"errors": {

client/src/translations/es/common.json

@@ -25,6 +25,7 @@
 				"intake": "Consumo",
 				"new": "Nueva cita",
 				"reschedule": "Reprogramar",
+				"sendreminder": "",
 				"viewjob": "Ver trabajo"
 			},
 			"errors": {

client/src/translations/fr/common.json

@@ -25,6 +25,7 @@
 				"intake": "Admission",
 				"new": "Nouveau rendez-vous",
 				"reschedule": "Replanifier",
+				"sendreminder": "",
 				"viewjob": "Voir le travail"
 			},
 			"errors": {