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

owner review job API added and API name changed

Browse Source
This commit is contained in:
victorAnumudu
2023-06-13 23:09:55 +01:00
parent 4abd8a911b
commit 8e35839ddf
4 changed files with 226 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+27 -6
View File
@@ -31,15 +31,36 @@ function PastDueJobAction({jobDetails}) {
setAction('cancel')
setReqStatus({loading:true, status: false, message: ''})
let reqData = { // API PAYLOADS
contract: jobDetails.contract,
contract_uid: jobDetails.contract_uid,
job_action: '',
}
if(!checked){ // CHECKS IF CHECKBOX IS SELECTED
setReqStatus({loading:false, status: false, message: 'Please check the box above'})
return setTimeout(()=>{
setReqStatus({loading:false, status: false, message: ''})
}, 3000)
}
setTimeout(()=>{
setReqStatus({loading:false, status: false, message: ''})
}, 3000)
// API CALL TO ACCEPT COMPLETION BY OWNER
apiCall.ownerJobAction(reqData).then((res)=>{
if(res.status != 200 || res.data.internal_return < 0){
setReqStatus({loading:false, status: false, message: 'unable to complete request. Try again'})
return
}
setReqStatus({loading:false, status: true, message: 'job cancelled successfully'})
setTimeout(()=>{ // Sets popout to false and navigates user to /my-pastdue-jobs after 3 seconds
popUpHandler()
navigate('/my-pastdue-jobs', {replace: true})
}, 3000)
}).catch(err => {
setReqStatus({loading:false, status: false, message: 'Opps! Network error. Try again'})
}).finally(()=>{
setTimeout(()=>{
setReqStatus({loading:false, status: false, message: ''})
}, 3000)
})
}
// FUNCTION TO HANDLE WHEN USER/OWNER CLICKS ON EXTEND TIMELINE FOR A JOB
@@ -60,7 +81,7 @@ function PastDueJobAction({jobDetails}) {
}
// API CALL EXTEND TIMELINE BY OWNER
apiCall.extendJobTimeline(reqData).then((res)=>{
apiCall.ownerJobAction(reqData).then((res)=>{
if(res.status != 200 || res.data.internal_return < 0){
setReqStatus({loading:false, status: false, message: 'unable to complete request. Try again'})
return
@@ -156,7 +177,7 @@ function PastDueJobAction({jobDetails}) {
{reqStatus.loading && action=='cancel'?
<LoadingSpinner color='sky-blue' size='10' />
:
<button onClick={cancelTask} type="button" className="px-2 py-1 h-11 flex justify-center items-center border-gradient text-base rounded-full text-white">
<button disabled={reqStatus.loading} onClick={cancelTask} type="button" className="px-2 py-1 h-11 flex justify-center items-center border-gradient text-base rounded-full text-white">
<span className='text-gradient'>Cancel this task</span>
</button>
}
@@ -180,7 +201,7 @@ function PastDueJobAction({jobDetails}) {
{reqStatus.loading && action=='extend' ?
<LoadingSpinner color='sky-blue' size='10' />
:
<button type="button" onClick={extendTime} className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
<button disabled={reqStatus.loading} type="button" onClick={extendTime} className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
Extend Timeline
</button>
}