added refresh Manage Job form whenever closing after editing and creating job

src/components/ServiceProject/Jobs.jsx

@@ -34,6 +34,7 @@ const Jobs = () => {
     setSelectedJob,
     setSelectedProject,
     setManageJob,
+    manageJob,
   };
   return (
     <>

src/components/ServiceProject/ManageJob.jsx

@@ -20,8 +20,10 @@ import {
   AppFormProvider,
   useAppForm,
 } from "../../hooks/appHooks/useAppForm";
+import { useServiceProjectJobContext } from "./Jobs";
 
 const ManageJob = ({ Job }) => {
+  const { manageJob, setManageJob } = useServiceProjectJobContext();
   const methods = useAppForm({
     resolver: zodResolver(jobSchema),
     defaultValues: defaultJobValue,
@@ -53,8 +55,7 @@ const ManageJob = ({ Job }) => {
     isLoading: isJobLoading,
     isError: isJobError,
     error: jobError,
-  } = useServiceProjectJobDetails(Job);
-  // const {} = useSer
+  } = useServiceProjectJobDetails(manageJob.jobId);
 
   const { mutate: CreateJob, isPending } = useCreateServiceProjectJob(() => {
     reset();
@@ -72,7 +73,8 @@ const ManageJob = ({ Job }) => {
   };
 
   useEffect(() => {
-    if (!JobData || !Job) return;
+    if (manageJob.jobId && JobData) {
+      console.log("freshed data");
       const assignedEmployees = (JobData.assignees || []).map((e) => e.id);
       reset({
         title: JobData.title ?? "",
@@ -83,7 +85,11 @@ const ManageJob = ({ Job }) => {
         dueDate: JobData.dueDate ?? null,
         tags: JobData.tags ?? [],
       });
-  }, [JobData]);
+    }
+    if (!manageJob.jobId) {
+      reset(defaultJobValue);
+    }
+  }, [JobData, manageJob]);
 
   return (
     <div className="container">