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>
 

src/components/Project/ManageProjectInfo.jsx

@@ -101,8 +101,8 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
 
   const onSubmitForm = (updatedProject) => {
     setLoading(true);
-
- handleSubmitForm( updatedProject ,setLoading);
+    handleSubmitForm( updatedProject, setLoading,reset );
+   
 
 
   };

src/pages/project/ProjectList.jsx

@@ -66,13 +66,15 @@ const ProjectList = () => {
     }
   }, [loginUser, HasManageProjectPermission]);
 
-  const handleSubmitForm = (newProject) => {
+  const handleSubmitForm = (newProject,setloading,reset) => {
     ProjectRepository.manageProject(newProject)
       .then((response) => {
         const cachedProjects = getCachedData("projectslist") || [];
         const updatedProjects = [...cachedProjects, response.data];
         cacheData("projectslist", updatedProjects);
-        setProjectList((prev) => [...prev, response.data]);
+        setProjectList( ( prev ) => [ ...prev, response.data ] );
+        setloading( false )
+        reset()
         showToast("Project Created successfully.", "success");
         setShowModal(false);
       })