WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

List of supported upload types added #388

Merged
ameye merged 1 commits from bug-fix into master 2023-08-09 19:52:37 +00:00
Conversation 0 Commits 1 Files Changed 1
+30 -13
1 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UploadProduct/index.jsx
+30 -13
View File
@@ -147,21 +147,20 @@ export default function UploadProduct({uploadTypes}) {
action: 11307
}
if(!isValidFile(reqData.file_type, uploadTypes?.data)){ // FUNCTION TO CHECK IF FILE TYPE IS VALID
if(!isValidFile(imgDetails, 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)
// let validSize = isValidFileSize(imgDetails, uploadTypes?.data) // FUNCTION TO CHECK IF FILE SIZE IS VALID
// if(!validSize.status){
// setRequestStatus({loading: false, status: null, message: validSize.message})
// return setTimeout(()=>{
// setRequestStatus({loading: false, status: false, message: ''})
// },5000)
// }
//API CALL TO UPLOAD COMES HERE
setRequestStatus({loading: true, status: null, message: ''}) // SETS REQUEST LOADING TRUE
@@ -430,7 +429,7 @@ export default function UploadProduct({uploadTypes}) {
<div className="preview-upload-product lg:w-[580px] lg:h-[622px] w-full h-full bg-white dark:bg-[#11131F] lg:rounded-2xl">
<div className="w-full h-full flex flex-col justify-between">
{/* heading */}
<div className="lg:px-[40px] lg:py-[33px] px-[30px] py-[23px] flex justify-between border-b dark:border-[#5356fb29] border-light-purple dark:border-[#5356fb29] mb-4 lg:mb-0">
<div className="lg:px-[40px] lg:py-[33px] px-[30px] py-[23px] flex justify-between border-b border-light-purple dark:border-[#5356fb29] mb-4 lg:mb-0">
<h1 className="text-dark-gray dark:text-white tracking-wide text-26 font-bold">
Item Privew
</h1>
@@ -582,9 +581,9 @@ export default function UploadProduct({uploadTypes}) {
//FUNCTIONS to check if file upload type is valid
const isValidFile = (file, supportedFile=[]) => {
let fileToCheck = file.split("/")[1]
let fileType = file.type.split("/")[1];
let valid = supportedFile.filter(item => (
item.name.toLowerCase() == fileToCheck.toLowerCase()
item.name.toLowerCase() == fileType.toLowerCase()
))
if(valid.length){
return true
@@ -592,3 +591,21 @@ const isValidFile = (file, supportedFile=[]) => {
return false
}
}
//FUNCTIONS TO CHECK IF FILE SIZE IS VALID
const isValidFileSize = (file, supportedFile=[]) => {
let fileType = file.type.split("/")[1];
let fileSize = file.size;
let valid = supportedFile.filter(item => (
item.name.toLowerCase() == fileType.toLowerCase()
))
if(valid.length){
if((Number(valid[0].max_size_mb) * 1048576) >= fileSize){
return {status: true}
}else{
return {status: false, message: `File must not exceed ${valid[0].max_size_mb}MB`}
}
}else{
return false
}
}