normalize activity data to ensure consistent display names.

src/components/Project/Infrastructure/TaskModel.jsx

@@ -40,24 +40,19 @@ const TaskModel = ({
   const [selectedWorkArea, setSelectedWorkArea] = useState(null);
   const [selectedActivity, setSelectedActivity] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [activityData, setActivityData] = useState([]);
 
   const {
     register,
     handleSubmit,
     formState: { errors },
     reset,
+    setValue,
   } = useForm({
     resolver: zodResolver(taskSchema),
     defaultValues: defaultModel,
   });
 
-  useEffect(() => {
-    if (clearTrigger) {
-      resetForm();
-      onClearComplete();
-    }
-  }, [clearTrigger, onClearComplete]);
-
   useEffect(() => {
     dispatch(changeMaster("Activity"));
     resetForm();
@@ -104,7 +99,7 @@ const TaskModel = ({
 
   const handleActivityChange = (e) => {
     const { value } = e.target;
-    const activity = activities.find((b) => b.id === Number(value));
+    const activity = activityData.find((b) => b.id === Number(value));
     setSelectedActivity(activity);
     reset((prev) => ({
       ...prev,
@@ -115,14 +110,9 @@ const TaskModel = ({
   const onSubmitForm = async (data) => {
     setIsSubmitting(true);
     await onSubmit(data);
-    reset({
+    setValue("plannedWork", 0);
-      buildingID: data.buildingID,
+    setValue("completedWork", 0);
-      floorId: data.floorId,
+    dispatch(changeMaster("Activity"));
-      workAreaId: data.workAreaId,
-      activityID: data.activityID,
-      plannedWork: 0,
-      completedWork: 0,
-    });
     setIsSubmitting(false);
   };
 
@@ -135,6 +125,11 @@ const TaskModel = ({
     reset(defaultModel);
   };
 
+  useEffect(() => {
+    if (activities && activities.length > 0) {
+      setActivityData(activities);
+    }
+  }, [activities]);
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -265,7 +260,8 @@ const TaskModel = ({
                     onChange={handleActivityChange}
                   >
                     <option value="0">Select Activity</option>
-                    {activities
+                    {activityData && activityData.length > 0 ? (
+                      activityData
                         ?.slice()
                         ?.sort((a, b) => {
                           const nameA = a?.activityName || "";
@@ -274,9 +270,15 @@ const TaskModel = ({
                         })
                         ?.map((activity) => (
                           <option key={activity.id} value={activity.id}>
-                          {activity.activityName}
+                            {activity.name ||
+                              activity.activityName ||
+                              activity.title ||
+                              `Unnamed (id: ${activity.id})`}
                           </option>
-                      ))}
+                        ))
+                    ) : (
+                      <option disabled>No activities available</option> // Fallback if activities are empty
+                    )}
                   </select>
 
                   {errors.activityID && (