delete and send reminder API added

src/components/MyPendingJobs/DeleteTaskModal.jsx

@@ -6,7 +6,7 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
 import { useDispatch } from "react-redux";
 
 
-function DeleteTaskModal({ details, onClose, situation }) {
+function DeleteTaskModal({ details, onClose, situation, setReloadList }) {
   let dispatch = useDispatch();
   const navigate = useNavigate();
   const ApiCall = new usersService();
@@ -19,10 +19,33 @@ function DeleteTaskModal({ details, onClose, situation }) {
 
   // FUNCTION TO DELETE TASK
   const deleteTask = () => {
-    setRequestStatus(prev => ({...prev, loading:true, message: 'No API Yet'}))
-    setTimeout(()=>{
-        setRequestStatus(prev => ({...prev, loading:false, message: ''}))
-    },3000)
+    setRequestStatus({loading:true, status:false, message: ''})
+
+    let reqData = { // REQUEST PAYLOAD
+      suggest_uid: details.uid,
+      suggest_action: 555,
+      offset: 0
+    }
+    ApiCall.suggestStatus(reqData).then((response)=>{ // API CALL TO DELETE SUGGESTED TASK
+      let {data} = response
+      if(data.internal_return < 0){
+        setRequestStatus({loading:false, status:false, message: 'Unable to delete, Try again'})
+        return setTimeout(()=>{
+            setRequestStatus({loading:false, status:false, message: ''})
+        },3000)
+      }
+      setRequestStatus({loading:false, status:true, message: 'Family Suggest Deleted'})
+      setReloadList(prev => !prev) // RELOADS THE FAMILY SUGGEST LIST TABLE
+      setTimeout(()=>{
+          setRequestStatus({loading:false, status:false, message: ''})
+          onClose()
+      },3000)
+    }).catch(error => {
+      setRequestStatus({loading:false, status:false, message: 'Unable to delete, Try again'})
+      setTimeout(()=>{
+          setRequestStatus({loading:false, status:false, message: ''})
+      },3000)
+    })
   }
 
   return (
@@ -91,7 +114,7 @@ function DeleteTaskModal({ details, onClose, situation }) {
             >
               <span className="text-gradient">Cancel</span>
             </button>
-            {requestStatus.laoding ? (
+            {requestStatus.loading ? (
               <LoadingSpinner size="8" color="sky-blue" />
             ) : (
               <button