WIP Code Cleanup for document upload. BOD-420

client/src/components/documents-upload/documents-upload.component.jsx

@@ -1,20 +1,47 @@
 import { UploadOutlined } from "@ant-design/icons";
 import { Button, Upload } from "antd";
 import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import {
+  selectBodyshop,
+  selectCurrentUser,
+} from "../../redux/user/user.selectors";
+import { handleUpload } from "./documents-upload.utility";
 
-export default function DocumentsUploadComponent({ handleUpload, UploadRef }) {
+const mapStateToProps = createStructuredSelector({
+  currentUser: selectCurrentUser,
+  bodyshop: selectBodyshop,
+});
+
+export function DocumentsUploadComponent({
+  currentUser,
+  bodyshop,
+  jobId,
+  tagsArray,
+  billId,
+  callbackAfterUpload,
+}) {
   return (
-    <div>
-      <Upload
-        multiple={true}
-        customRequest={handleUpload}
-        accept="audio/*,video/*,image/*"
-        ref={UploadRef}
-      >
-        <Button>
-          <UploadOutlined /> Click to Upload
-        </Button>
-      </Upload>
-    </div>
+    <Upload
+      multiple={true}
+      customRequest={(ev) =>
+        handleUpload(ev, {
+          bodyshop: bodyshop,
+          uploaded_by: currentUser.email,
+          jobId: jobId,
+          billId: billId,
+          tagsArray: tagsArray,
+          callback: callbackAfterUpload,
+        })
+      }
+      accept="audio/*,video/*,image/*"
+      showUploadList={false}
+    >
+      <Button type="primary">
+        <UploadOutlined />
+      </Button>
+    </Upload>
   );
 }
+export default connect(mapStateToProps, null)(DocumentsUploadComponent);