reps pdf upload directory restructure

components/case/representation/representationElements.js

@@ -21,6 +21,12 @@ import {
     parseISO,
 } from "date-fns";
 
+import {
+    getFormCollectionByID,
+    getThumbnailIconByExtension,
+    bytesToSize,
+} from "../../utils";
+
 import { useRouter } from "next/router";
 
 export const RenderRadioList = ({
@@ -740,13 +746,6 @@ export const RenderFileUpload = (field) => {
         </div>
     ));
 
-    function bytesToSize(bytes) {
-        var sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-        if (bytes == 0) return "0 Byte";
-        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
-        return Math.round(bytes / Math.pow(1024, i), 2) + " " + sizes[i];
-    }
-
     const getThumbnailIcon = (fileObj, fileType) => {
         switch (fileType) {
             case "text/html":
@@ -784,47 +783,6 @@ export const RenderFileUpload = (field) => {
         }
     };
 
-    const getThumbnailIconByExtension = (blobName) => {
-        let fileType = blobName.slice(blobName.lastIndexOf(".") + 1);
-
-        switch (fileType) {
-            case "html":
-                return "/assets/images/documenttypes/html.png";
-                break;
-            case "txt":
-                return "/assets/images/documenttypes/txt.png";
-                break;
-            case "doc":
-                return "/assets/images/documenttypes/doc.png";
-                break;
-            case "pdf":
-                return "/assets/images/documenttypes/pdf.png";
-                break;
-            case "docx":
-                return "/assets/images/documenttypes/docx.png";
-                break;
-            case "csv":
-                return "/assets/images/documenttypes/csv.png";
-                break;
-            case "xlsx":
-                return "/assets/images/documenttypes/xlsx.png";
-                break;
-
-            case "zip":
-                return "/assets/images/documenttypes/zip.png";
-                break;
-            case "jpeg":
-            case "jpg":
-                return "/assets/images/documenttypes/jpg.png";
-            case "png":
-                return "/assets/images/documenttypes/png.png";
-                break;
-            default:
-                return "/assets/images/documenttypes/txt.png";
-                break;
-        }
-    };
-
     const getDocumentType = (docCode) => {
         switch (docCode) {
             case "000001":