Added separate documents display for non-images. BOD-420

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

@@ -35,7 +35,7 @@ export function DocumentsUploadComponent({
           callback: callbackAfterUpload,
         })
       }
-      accept="audio/*,video/*,image/*"
+      accept="audio/*, video/*, image/*, .pdf, .doc, .docx, .xls, .xlsx"
       showUploadList={false}
     >
       <Button type="primary">

client/src/components/documents-upload/documents-upload.utility.js

@@ -17,9 +17,7 @@ export const handleUpload = (ev, context) => {
 
   const { onError, onSuccess, onProgress } = ev;
   const { bodyshop, jobId } = context;
-  //If PDF, upload directly.
-  //If JPEG, resize and upload.
-  //TODO If this is just an invoice job? Where to put it?
+
   let key = `${bodyshop.id}/${jobId}/${ev.file.name.replace(/\.[^/.]+$/, "")}`;
   uploadToCloudinary(
     key,
@@ -30,41 +28,6 @@ export const handleUpload = (ev, context) => {
     onProgress,
     context
   );
-
-  // if (ev.file.type.includes("image")) {
-  //   Resizer.imageFileResizer(
-  //     ev.file,
-  //     2500,
-  //     2500,
-  //     "JPEG",
-  //     75,
-  //     0,
-  //     (uri) => {
-  //       let file = new File([uri], ev.file.name, {});
-  //       file.uid = ev.file.uid;
-  //       uploadToCloudinary(
-  //         key,
-  //         file.type,
-  //         file,
-  //         onError,
-  //         onSuccess,
-  //         onProgress,
-  //         context
-  //       );
-  //     },
-  //     "blob"
-  //   );
-  // } else {
-  //   uploadToCloudinary(
-  //     key,
-  //     ev.file.type,
-  //     ev.file,
-  //     onError,
-  //     onSuccess,
-  //     onProgress,
-  //     context
-  //   );
-  // }
 };
 
 export const uploadToCloudinary = async (
@@ -84,12 +47,11 @@ export const uploadToCloudinary = async (
   let tags = `${bodyshop.textid},${
     tagsArray ? tagsArray.map((tag) => `${tag},`) : ""
   }`;
-  let eager = process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS;
+  //  let eager = process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS;
 
   //Get the signed url.
 
   const signedURLResponse = await axios.post("/media/sign", {
-    // eager: eager,
     public_id: public_id,
     tags: tags,
     timestamp: timestamp,
@@ -117,15 +79,9 @@ export const uploadToCloudinary = async (
   };
   const formData = new FormData();
   formData.append("file", file);
-  //formData.append("eager", eager);
-  // if (fileType.includes("image")) {
   console.log("Applying lower quality transforms.");
   formData.append("upload_preset", "incoming_upload");
-  // formData.append("quality", "auto");
-  // formData.append("width", "500");
-  // formData.append("height", "500");
-  // formData.append("crop", "limit");
-  // }
+
   formData.append("api_key", process.env.REACT_APP_CLOUDINARY_API_KEY);
   formData.append("public_id", public_id);
   formData.append("tags", tags);