added reset and setloader false once request completed

src/components/Activities/ReportTask.jsx

@@ -26,7 +26,8 @@ export const ReportTask = ({ report, closeModal, refetch }) => {
   const {
     register,
     handleSubmit,
-    formState: { errors },
+    formState: {errors},
+    reset
   } = useForm({
     resolver: zodResolver(schema),
     defaultValues: { completedTask: 0, comment: "" },
@@ -43,11 +44,15 @@ export const ReportTask = ({ report, closeModal, refetch }) => {
       };
 
       let response = await TasksRepository.reportTask(reportData);
-      showToast("Task reported successfully.", "success");
+      showToast("Task Reported Successfully.", "success");
       refetch();
+      reset()
+      setloading(false);
       closeModal();
-    } catch (error) {
-      showToast("Somthing wrog", "error");
+    } catch ( error )
+    {
+      const msg = error.response.data.message || error.message || "Error Occur During Api Call"
+      showToast(msg, "error");
     }
   };
   const handleClose = () => {

src/components/Activities/ReportTaskComments.jsx

@@ -102,7 +102,7 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
             style={{ maxHeight: "400px" }}
           >
             {comments &&
-              comments.map((data) => {
+              comments?.map((data) => {
                 const fullName = `${data?.employee?.firstName} ${data?.employee?.lastName}`;
                 const bgClass = getBgClassFromHash(fullName);
                 return (
@@ -116,10 +116,10 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
                         <span
                           className={`avatar-initial rounded-circle bg-label-primary}`}
                         >
-                          {`${data?.employee?.firstName.slice(
+                          {`${data?.employee?.firstName?.slice(
                             0,
                             1
-                          )} ${data?.employee?.lastName.slice(0, 1)}`}
+                          )} ${data?.employee?.lastName?.slice(0, 1)}`}
                         </span>
                       </div>