Added image upload to email and multiple recipients BOD-103

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

@@ -1,18 +1,26 @@
+import { UploadOutlined } from "@ant-design/icons";
 import { Editor } from "@tinymce/tinymce-react";
-import { Input } from "antd";
+import { Button, Input, Upload, Select } from "antd";
 import React from "react";
+
 export default function EmailOverlayComponent({
   messageOptions,
   handleConfigChange,
+  handleToChange,
   handleHtmlChange,
+  handleUpload,
+  handleFileRemove,
 }) {
   return (
     <div>
       To:
-      <Input
-        value={messageOptions.to}
-        onChange={handleConfigChange}
+      <Select
         name="to"
+        mode="tags"
+        value={messageOptions.to}
+        style={{ width: "100%" }}
+        onChange={handleToChange}
+        tokenSeparators={[",", ";"]}
       />
       CC:
       <Input
@@ -45,6 +53,17 @@ export default function EmailOverlayComponent({
         }}
         onEditorChange={handleHtmlChange}
       />
+      <Upload
+        fileList={messageOptions.fileList}
+        beforeUpload={handleUpload}
+        onRemove={handleFileRemove}
+        multiple
+        listType="picture-card"
+      >
+        <Button>
+          <UploadOutlined /> Upload
+        </Button>
+      </Upload>
     </div>
   );
 }