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

upload action implemented

Browse Source
This commit was merged in pull request #386.
This commit is contained in:
victorAnumudu
2023-08-09 12:52:46 +01:00
parent a0c0cbdc98
commit 2d918517f8
1 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UploadProduct/index.jsx
+20 -17
View File
@@ -10,6 +10,8 @@ import usersService from "../../services/UsersService";
export default function UploadProduct() { export default function UploadProduct() {
const apiCall = new usersService() const apiCall = new usersService()
const [requestStatus, setRequestStatus] = useState({loading: false, status: null, message: ''}) // DETERMINES THE STATUS OF UPLOAD
// preview modal // preview modal
const [previewProductModal, setPreviewProductModal] = useState(false); const [previewProductModal, setPreviewProductModal] = useState(false);
// cancelUploadModal // cancelUploadModal
@@ -86,7 +88,7 @@ export default function UploadProduct() {
// most importend // most importend
imgRead.readAsDataURL(e.target.files[0]); imgRead.readAsDataURL(e.target.files[0]);
} }
if (file) { if (file.length) {
if (file[0].name) { if (file[0].name) {
setSelectedFile(file?.[0].name); setSelectedFile(file?.[0].name);
setImgDetails(file?.[0]) setImgDetails(file?.[0])
@@ -100,7 +102,6 @@ export default function UploadProduct() {
} }
}; };
const [requestStatus, setRequestStatus] = useState({loading: false, status: null, message: ''})
//FUNCTION TO UPLOAD ITEM //FUNCTION TO UPLOAD ITEM
const uploadItem = () => { const uploadItem = () => {
let errorArr = [] let errorArr = []
@@ -119,13 +120,6 @@ export default function UploadProduct() {
// TEST TO SEE IF FIELDS ARE EMPTY // TEST TO SEE IF FIELDS ARE EMPTY
if(errorArr.length){ if(errorArr.length){
let message = '' let message = ''
// for(let i = 0; i<errorArr.length; i++){
// if(errorArr.includes('img')){
// message+='Please select file to upload'
// }else{
// message+='Item name or decription cannot be empty'
// }
// }
if(errorArr.length == 1 && errorArr.includes('img')){ if(errorArr.length == 1 && errorArr.includes('img')){
message='Please select file to upload' message='Please select file to upload'
}else if (errorArr.length == 1 && !errorArr.includes('img')){ }else if (errorArr.length == 1 && !errorArr.includes('img')){
@@ -159,16 +153,25 @@ export default function UploadProduct() {
// action: 'WRENCHBOARD_RESOURCE_MYFILES', // action: 'WRENCHBOARD_RESOURCE_MYFILES',
action: 11307 action: 11307
} }
console.log('TESTING', reqData) // console.log('TESTING', reqData)
setRequestStatus({loading: true, status: null, message: ''})
//API CALL TO UPLOAD COMES HERE //API CALL TO UPLOAD COMES HERE
setTimeout(()=>{ setRequestStatus({loading: true, status: null, message: ''}) // SETS REQUEST LOADING TRUE
setRequestStatus({loading: false, status: true, message: 'Bad'}) apiCall.sendFiles(reqData).then(res=>{
},3000) if(res.status != 200 || res.data.internal_return < 0){
setTimeout(()=>{ return setRequestStatus({loading: false, status: false, message: 'Something went wrong, try again'})
setRequestStatus({loading: false, status: false, message: ''}) }
},7000) setRequestStatus({loading: false, status: true, message: 'Uploaded successfully'})
setImg('')
setItemName('')
setDescription('')
}).catch(error=>{
setRequestStatus({loading: false, status: false, message: 'Network error, try again'})
}).finally(()=>{
setTimeout(()=>{
setRequestStatus({loading: false, status: false, message: ''})
},5000)
})
} }
// drop event // drop event