feature/IO-1113-Online-Dark-Mode - Initial Commit

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

@@ -1,7 +1,6 @@
 import { UploadOutlined, UserAddOutlined } from "@ant-design/icons";
 import { Button, Divider, Dropdown, Form, Input, Select, Space, Tabs, Upload } from "antd";
 import _ from "lodash";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -15,20 +14,24 @@ const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
   emailConfig: selectEmailConfig
 });
-const mapDispatchToProps = (dispatch) => ({
+
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
+
 export default connect(mapStateToProps, mapDispatchToProps)(EmailOverlayComponent);
 
 export function EmailOverlayComponent({ emailConfig, form, selectedMediaState, bodyshop, currentUser }) {
   const { t } = useTranslation();
-  const handleClick = ({ item, key, keyPath }) => {
+
+  const handleClick = ({ item }) => {
     const email = item.props.value;
     form.setFieldsValue({
       to: _.uniq([...form.getFieldValue("to"), ...(typeof email === "string" ? [email] : email)])
     });
   };
-  const handle_CC_Click = ({ item, key, keyPath }) => {
+
+  const handle_CC_Click = ({ item }) => {
     const email = item.props.value;
     form.setFieldsValue({
       cc: _.uniq([...(form.getFieldValue("cc") || ""), ...(typeof email === "string" ? [email] : email)])
@@ -52,6 +55,7 @@ export function EmailOverlayComponent({ emailConfig, form, selectedMediaState, b
     ],
     onClick: handleClick
   };
+
   const menuCC = {
     items: [
       ...bodyshop.employees
@@ -136,26 +140,22 @@ export function EmailOverlayComponent({ emailConfig, form, selectedMediaState, b
       >
         <Input />
       </Form.Item>
-
       <Divider>{t("emails.labels.preview")}</Divider>
       {bodyshop.attach_pdf_to_email && <strong>{t("emails.labels.pdfcopywillbeattached")}</strong>}
-
       <Form.Item shouldUpdate>
         {() => {
           return (
             <div
               style={{
                 padding: "1rem",
-
-                backgroundColor: "lightgray",
-                borderLeft: "6px solid #2196F3"
+                backgroundColor: "var(--preview-bg)",
+                borderLeft: "6px solid var(--preview-border-color)"
               }}
               dangerouslySetInnerHTML={{ __html: form.getFieldValue("html") }}
             />
           );
         }}
       </Form.Item>
-
       <Tabs
         defaultActiveKey="documents"
         items={[
@@ -184,12 +184,10 @@ export function EmailOverlayComponent({ emailConfig, form, selectedMediaState, b
                     return e && e.fileList;
                   }}
                   rules={[
-                    ({ getFieldValue }) => ({
+                    () => ({
                       validator(rule, value) {
                         const totalSize = value.reduce((acc, val) => (acc = acc + val.size), 0);
-
                         const limit = 10485760 - new Blob([form.getFieldValue("html")]).size;
-
                         if (totalSize > limit) {
                           return Promise.reject(t("general.errors.sizelimit"));
                         }