enforces user upload supported file before proceeding to upload

src/components/UploadProduct/index.jsx

@@ -134,13 +134,6 @@ export default function UploadProduct({uploadTypes}) {
         setRequestStatus({loading: false, status: false, message: ''})
       },5000)
     }
-
-    if(imgDetails.size > 2097152){ // CHECKS IF IMAGE SIZE IS MORE THAN "MB"
-      setRequestStatus({loading: false, status: null, message: 'Image must be less than 2MB'})
-      return setTimeout(()=>{
-        setRequestStatus({loading: false, status: false, message: ''})
-      },5000)
-    }
     
     let reqData = { // PAYLOAD FOR API CALL
       file_name: selectedFile.substring(0,21).replace(/ /gi, ""),//selectedFile.replace(/[ -]/gi, ""),
@@ -153,6 +146,21 @@ export default function UploadProduct({uploadTypes}) {
       // action: 'WRENCHBOARD_RESOURCE_MYFILES',
       action: 11307
     }
+
+    if(!isValidFile(reqData.file_type, uploadTypes?.data)){ // FUNCTION TO CHECK IF FILE TYPE IS VALID
+      setRequestStatus({loading: false, status: null, message: 'File type not supported'})
+      return setTimeout(()=>{
+        setRequestStatus({loading: false, status: false, message: ''})
+      },5000)
+    }
+    
+    if(imgDetails.size > 2097152){ // CHECKS IF IMAGE SIZE IS MORE THAN "MB"
+      setRequestStatus({loading: false, status: null, message: 'Image must be less than 2MB'})
+      return setTimeout(()=>{
+        setRequestStatus({loading: false, status: false, message: ''})
+      },5000)
+    }
+    // console.log('TESTING',isValidFile(reqData.file_type, uploadTypes?.data))
     // console.log('TESTING', reqData)
     
     //API CALL TO UPLOAD COMES HERE
@@ -568,3 +576,19 @@ export default function UploadProduct({uploadTypes}) {
     </>
   );
 }
+
+
+
+
+//FUNCTIONS to check if file upload type is valid
+const isValidFile = (file, supportedFile=[]) => {
+  let fileToCheck = file.split("/")[1]
+  let valid = supportedFile.filter(item => (
+    item.name.toLowerCase() == fileToCheck.toLowerCase()
+  ))
+  if(valid.length){
+    return true
+  }else{
+    return false
+  }
+}