Fixed underlying bugs

src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx

@@ -94,6 +94,7 @@ function AssignTaskPopout({ action, details, situation, familyDetails }) {
 
       for (let field in requiredFields) {
         if (requiredFields[field] == "") {
+          // let currencyErrMsg = field == "country" && "currency"
           setRequestStatus({
             loading: false,
             status: false,
@@ -154,8 +155,6 @@ function AssignTaskPopout({ action, details, situation, familyDetails }) {
       });
   };
 
-  console.log("state >>--<<", familyDetails);
-
   useEffect(() => {
     const reqData = {
       limit: 30,
@@ -365,8 +364,9 @@ function AssignTaskPopout({ action, details, situation, familyDetails }) {
               </div>
 
               {/* BTN */}
-              <div className="p-2 border-t-2 flex justify-end items-center gap-3">
+              <div className="py-2 px-4 border-t-2 flex justify-between items-center">
                 {/* error or success display */}
+                <div className="w-auto h-auto flex items-center">
                   {requestStatus.message != "" &&
                     (!requestStatus.status ? (
                       <div
@@ -383,8 +383,10 @@ function AssignTaskPopout({ action, details, situation, familyDetails }) {
                         </div>
                       )
                     ))}
+                </div>
 
                 {/* End of error or success display */}
+                <div className="w-auto h-auto flex items-center gap-3">
                   <button
                     disabled={requestStatus.loading}
                     onClick={action}
@@ -413,12 +415,13 @@ function AssignTaskPopout({ action, details, situation, familyDetails }) {
                         className="px-1 w-40 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white cursor-pointer"
                       >
                         {`Assign to ${
-                        familyDetails?.firstname || details.firstName
+                          familyDetails?.firstname || details?.firstName
                         }`}
                       </button>
                     )}
                   </div>
                 </div>
+              </div>
             </>
           )}
         </div>

src/components/FamilyPopup/SuggestTask.jsx

@@ -16,7 +16,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
   });
   const [suggestedNextStep, setSuggestedNextStep] = useState("Send Task");
 
-  const switchNextStep = (value) => {
+  const switchNextStep = ({ target: value }) => {
     setSuggestedNextStep(value);
   };
 
@@ -52,7 +52,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
   const handleParentSuggestion = (values) => {
     if (suggestedNextStep == "Send Task") {
       let firstName = state?.firstname;
-      let family_uid = state?.family_uid
+      let family_uid = state?.family_uid;
       continuePopupData({ ...details, firstName, family_uid });
     }
     onClose();
@@ -176,7 +176,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
                     </div>
 
                     {/* Radio buttons for family */}
-                    {pathname === "/manage-family" && (
+                    {pathname === "/manage-family" ? (
                       <div className="h-[20px] w-full border-t dark:border-[#5356fb29] border-light-purple relative">
                         <div id="my-radio-group" className="sr-only">
                           Parent suggested next step
@@ -194,18 +194,21 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
                             <label
                               role="group"
                               key={idx}
-                              htmlFor="parent-suggested"
+                              htmlFor={`parent-suggested-${idx}`}
+                              className={`transition duration-150 ease-in-out parent-suggest`}
                             >
                               <input
                                 type="radio"
                                 name="parent-suggested"
                                 value={title}
-                                checked={title == suggestedNextStep}
+                                checked={suggestedNextStep === title}
                                 onChange={switchNextStep}
                                 className={`transition duration-150 ease-in-out parent-suggest`}
                               />
                               <span
-                                onClick={switchNextStep}
+                                onClick={() => setSuggestedNextStep(title)}
+                                id={`parent-suggested-${idx}`}
+                                name="parent-suggested"
                                 className={`ml-1 ${
                                   title == "Not Now"
                                     ? "text-red-500"
@@ -220,7 +223,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
                           ))}
                         </div>
                       </div>
-                    )}
+                    ) : null}
                   </div>
                 </div>