WIP Dashboard work.

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

@@ -31,6 +31,11 @@ export default function EmailOverlayComponent({
         editor={ClassicEditor}
         data={messageOptions.html}
         onChange={(event, editor) => {
+          // handleHtmlChange(editor.getData());
+          //TODO Ensure that removing onchange never introduces a race condition 
+        }}
+        onBlur={(event, editor) => {
+          console.log("Blur.");
           handleHtmlChange(editor.getData());
         }}
       />

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

@@ -24,15 +24,17 @@ const mapDispatchToProps = dispatch => ({
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(function EmailOveralContainer({
+)(function EmailOverlayContainer({
   emailConfig,
   modalVisible,
   toggleEmailOverlayVisible
 }) {
   const { t } = useTranslation();
+
   const [messageOptions, setMessageOptions] = useState(
     emailConfig.messageOptions
   );
+
   useEffect(() => {
     setMessageOptions(emailConfig.messageOptions);
   }, [setMessageOptions, emailConfig.messageOptions]);
@@ -60,7 +62,6 @@ export default connect(
       html: ReactDOMServer.renderToStaticMarkup(
         <emailConfig.template data={data} />
       )
-      //html: renderEmail(<emailConfig.template data={data} />)
     });
   }
 
@@ -80,6 +81,7 @@ export default connect(
         });
       });
   };
+
   const handleConfigChange = event => {
     const { name, value } = event.target;
     setMessageOptions({ ...messageOptions, [name]: value });