Added redux based email overlay to parts order modal + built out barebones parts order email template.

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

@@ -30,14 +30,8 @@ export default function SendEmailButtonComponent({
       <CKEditor
         editor={ClassicEditor}
         data={messageOptions.html}
-        onInit={editor => {
-          //You can store the "editor" and use when it is needed.
-          console.log("Editor is ready to use!", editor);
-        }}
         onChange={(event, editor) => {
-          const data = editor.getData();
-          console.log({ event, editor, data });
-          handleHtmlChange(data);
+          handleHtmlChange(editor.getData());
         }}
       />
     </div>

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

@@ -7,9 +7,13 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleEmailOverlayVisible } from "../../redux/email/email.actions";
-import { selectEmailConfig, selectEmailVisible } from "../../redux/email/email.selectors.js";
+import {
+  selectEmailConfig,
+  selectEmailVisible
+} from "../../redux/email/email.selectors.js";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import EmailOverlayComponent from "./email-overlay.component";
+import ReactDOMServer from "react-dom/server";
 
 const mapStateToProps = createStructuredSelector({
   modalVisible: selectEmailVisible,
@@ -50,8 +54,10 @@ export default connect(
   if (data && !messageOptions.html && emailConfig.template) {
     setMessageOptions({
       ...messageOptions,
-      //html: ReactDOMServer.renderToStaticMarkup(<Template data={data} />)
-      html: renderEmail(<emailConfig.template data={data} />)
+      html: ReactDOMServer.renderToStaticMarkup(
+        <emailConfig.template data={data} />
+      )
+      //html: renderEmail(<emailConfig.template data={data} />)
     });
   }