More UI Fixes & Print Center IO-587

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

@@ -1,6 +1,5 @@
 import { UploadOutlined } from "@ant-design/icons";
-import { Editor } from "@tinymce/tinymce-react";
-import { Button, Card, Input, Select, Upload } from "antd";
+import { Button, Card, Divider, Input, Select, Upload } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 
@@ -38,29 +37,19 @@ export default function EmailOverlayComponent({
         onChange={(e) => handleConfigChange("subject", e.target.value)}
         name="subject"
       />
-      <div style={{ color: "red" }}>
-        DEVELOPER NOTE: Any edits made in the editor below will not be sent or
-        saved due to css inlining issues.
-      </div>
-      <Editor
-        value={messageOptions.html}
-        apiKey="f3s2mjsd77ya5qvqkee9vgh612cm6h41e85efqakn2d0kknk"
-        init={{
-          height: 500,
-          //menubar: false,
-          encoding: "raw",
-          extended_valid_elements: "span",
-          //entity_encoding: "raw",
-          plugins: [
-            "advlist autolink lists link image charmap print preview anchor",
-            "searchreplace visualblocks code fullscreen",
-            "insertdatetime media table paste code help wordcount",
-          ],
-          toolbar:
-            "undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+      <Divider>{t("emails.labels.preview")}</Divider>
+      <div
+        style={{
+          padding: "1rem",
+
+          backgroundColor: "lightgray",
+          borderLeft: "6px solid #2196F3",
         }}
-        onEditorChange={handleHtmlChange}
+        dangerouslySetInnerHTML={{ __html: messageOptions.html }}
       />
+      <Divider>
+        <Divider>{t("emails.labels.preview")}</Divider>
+      </Divider>
       <Card title={t("emails.labels.attachments")}>
         <Upload
           fileList={messageOptions.fileList}