initial commit

src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx

@@ -256,6 +256,25 @@ const AssignTaskPopout = ({
     action()
   }
 
+  const assignMediaTask = (values, helpers) => {  // FUNCTION TO HANDLE ASSIGNING MEDIA TASK
+    setRequestStatus({ loading: true, status: false, message: "" });
+
+    if(!selectedFamilyUid){ // If no family found, throw error
+      setRequestStatus({ loading: false, status: false, message: "Please Select a Kid" });
+      return setTimeout(() => {
+        setRequestStatus({ loading: false, status: false, message: "" });
+      }, 3000);
+    }
+    // values.family_uid = selectedFamilyUid
+    // values.media_uid = activeMedia.uid
+    // values.amount = values.amount * 100
+    let reqData = {...values, family_uid:selectedFamilyUid, media_uid:activeMedia.uid, amount:values.amount * 100}
+    console.log(reqData)
+    return setTimeout(()=>{
+      setRequestStatus({ loading: false, status: false, message: "" });
+    },2000)
+  }
+
   useEffect(()=>{ // effect to update family UID when components mounts
     if(familyDetailsData?.uid){
       setSelectedFamilyUid(familyDetailsData?.uid)
@@ -338,6 +357,7 @@ const AssignTaskPopout = ({
                 name='task'
                 className={`py-1 px-2 font-medium bg-transparent border border-purple text-purple transition-all rounded-md duration-300 ${assignType=='task' && 'bg-yellow-500'}`}
                 onClick={switchAssignType}
+                disabled={requestStatus.loading}
               >
               Task
               </button>
@@ -345,6 +365,7 @@ const AssignTaskPopout = ({
                 name='media'
                 className={`py-1 px-2 font-medium bg-transparent border border-purple text-purple transition-all rounded-md duration-300 ${assignType=='media' && 'bg-yellow-500'}`}
                 onClick={switchAssignType}
+                disabled={requestStatus.loading}
               >
               Media
               </button>
@@ -367,10 +388,11 @@ const AssignTaskPopout = ({
                 <AssignMediaTask 
                   commonMedia={commonMedia}
                   requestStatus={requestStatus}
-                  assignFamilyTask={assignFamilyTask}
+                  assignMediaTask={assignMediaTask}
                   activeMedia={activeMedia}
                   handleActiveMedia={handleActiveMedia}
                   closeModal={closeModal}
+                  family_uid = {selectedFamilyUid}
                 />
               }
             </div>