Added first round of analytics and event tracking BOD-190

client/src/components/email-overlay/email-overlay.container.jsx

@@ -14,6 +14,7 @@ import { EmailSettings } from "../../utils/TemplateConstants";
 import RenderTemplate from "../../utils/RenderTemplate";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import EmailOverlayComponent from "./email-overlay.component";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 
 const mapStateToProps = createStructuredSelector({
   modalVisible: selectEmailVisible,
@@ -47,6 +48,8 @@ export function EmailOverlayContainer({
   });
 
   const handleOk = async () => {
+    logImEXEvent("email_send_from_modal");
+
     setSending(true);
     try {
       await axios.post("/sendemail", messageOptions);
@@ -70,6 +73,8 @@ export function EmailOverlayContainer({
   };
 
   const render = async () => {
+    logImEXEvent("email_render_template", { template: emailConfig.template });
+
     setLoading(true);
     console.log("emailConfig", emailConfig);
     let html = await RenderTemplate(emailConfig.template, bodyshop);
@@ -94,8 +99,7 @@ export function EmailOverlayContainer({
       onCancel={() => {
         toggleEmailOverlayVisible();
       }}
-      okButtonProps={{ loading: sending }}
-    >
+      okButtonProps={{ loading: sending }}>
       <LoadingSpinner loading={loading}>
         <EmailOverlayComponent
           handleConfigChange={handleConfigChange}
@@ -105,8 +109,7 @@ export function EmailOverlayContainer({
         <button
           onClick={() => {
             navigator.clipboard.writeText(messageOptions.html);
-          }}
-        >
+          }}>
           Copy HTML
         </button>
       </LoadingSpinner>