Fixed underlying bugs

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>