From 636076ed56f990b4a3c27a76ffea037e52a30d20 Mon Sep 17 00:00:00 2001 From: Pramod Mahajan Date: Sat, 10 May 2025 13:38:53 +0530 Subject: [PATCH 1/2] passed reset and loading method inside handleSubmitForm function. --- src/components/Project/ManageProjectInfo.jsx | 4 ++-- src/pages/project/ProjectList.jsx | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/components/Project/ManageProjectInfo.jsx b/src/components/Project/ManageProjectInfo.jsx index a2bfc3a2..41d2cb24 100644 --- a/src/components/Project/ManageProjectInfo.jsx +++ b/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 ); + }; diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx index b4aaacfe..0f1dca9b 100644 --- a/src/pages/project/ProjectList.jsx +++ b/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); }) From 16fd31eef743411a9a2166bdf8085a1cef1831f2 Mon Sep 17 00:00:00 2001 From: Pramod Mahajan Date: Sat, 10 May 2025 15:17:46 +0530 Subject: [PATCH 2/2] added reset and setloader false once request completed --- src/components/Activities/ReportTask.jsx | 13 +++++++++---- src/components/Activities/ReportTaskComments.jsx | 6 +++--- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/components/Activities/ReportTask.jsx b/src/components/Activities/ReportTask.jsx index 286d3df4..5c618215 100644 --- a/src/components/Activities/ReportTask.jsx +++ b/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 = () => { diff --git a/src/components/Activities/ReportTaskComments.jsx b/src/components/Activities/ReportTaskComments.jsx index afe2b33f..94ee1c7b 100644 --- a/src/components/Activities/ReportTaskComments.jsx +++ b/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 }) => { - {`${data?.employee?.firstName.slice( + {`${data?.employee?.firstName?.slice( 0, 1 - )} ${data?.employee?.lastName.slice(0, 1)}`} + )} ${data?.employee?.lastName?.slice(0, 1)}`}