Most functionality is restored after antd upgrade. WIP on invoice enter screen.

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

@@ -1,4 +1,4 @@
-import { Button, Modal, notification } from "antd";
+import { Modal, notification } from "antd";
 import axios from "axios";
 import React, { useEffect, useState } from "react";
 import { useLazyQuery } from "react-apollo";
@@ -7,10 +7,7 @@ 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";
 
@@ -89,24 +86,20 @@ export default connect(
   };
 
   return (
-    <div>
-      <Modal
-        destroyOnClose={true}
-        visible={modalVisible}
-        width={"80%"}
-        onOk={handleOk}
-        onCancel={() => toggleEmailOverlayVisible()}
-      >
-        <LoadingSpinner loading={loading}>
-          <EmailOverlayComponent
-            handleConfigChange={handleConfigChange}
-            messageOptions={messageOptions}
-            handleHtmlChange={handleHtmlChange}
-          />
-        </LoadingSpinner>
-      </Modal>
-
-      <Button onClick={() => toggleEmailOverlayVisible()}>Show</Button>
-    </div>
+    <Modal
+      destroyOnClose={true}
+      visible={modalVisible}
+      width={"80%"}
+      onOk={handleOk}
+      onCancel={() => toggleEmailOverlayVisible()}
+    >
+      <LoadingSpinner loading={loading}>
+        <EmailOverlayComponent
+          handleConfigChange={handleConfigChange}
+          messageOptions={messageOptions}
+          handleHtmlChange={handleHtmlChange}
+        />
+      </LoadingSpinner>
+    </Modal>
   );
 });