API call for worker task completed added

2023-06-13 15:28:12 +01:00
parent 5f0364df10
commit 976b4afbbf
2 changed files with 45 additions and 6 deletions
@@ -1,10 +1,16 @@
-import React, { useState, useRef } from 'react'
+import React, { useState } from 'react'
+import { useNavigate } from 'react-router-dom'

 import ModalCom from '../../Helpers/ModalCom'
 import LoadingSpinner from '../../Spinners/LoadingSpinner'

+import usersService from '../../../services/UsersService'
+
 function CurrentTaskAction({jobDetails}) {

+    const apiCall = new usersService()
+    const navigate = useNavigate()
+
    const [checked, setChecked] = useState(false)

    const [reqStatus, setReqStatus] = useState({loading:false, status: false, message: ''})
@@ -20,16 +26,37 @@ function CurrentTaskAction({jobDetails}) {
   
    // FUNCTION TO HANDLE WHEN USER CLICKS ON SEND FOR REVIEW AND ACCEPTANCE
    const taskCompletedSubmit = () => {
-        setReqStatus({loading:true, status: false, message: ''})
-        if(!checked){
+        setReqStatus({loading:true, status: false, message: ''}) // Sets loading spinner active
+        let reqData = {
+            contract: jobDetails.contract,
+            contract_uid: jobDetails.contract_uid,
+            job_action: 'NOTIFY_COMPLETE',
+        }
+        if(!checked){ // checks that 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 MARK TASK AS COMPLETED BY WORKER
+        apiCall.taskCompleted(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: 'Task marked completed successfully'})
+            setTimeout(()=>{ // Sets popout to false and navigates user to /mytask after 3 seconds
+                popUpHandler()
+                navigate('/mytask', {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)
+        })
    }

  return (