Removing project selection at Job Creation.

src/components/ServiceProject/ManageJob.jsx

@@ -20,8 +20,11 @@ import {
   AppFormProvider,
   useAppForm,
 } from "../../hooks/appHooks/useAppForm";
+import { useParams } from "react-router-dom";
 
 const ManageJob = ({ Job }) => {
+  const { projectId } = useParams();
+  
   const methods = useAppForm({
     resolver: zodResolver(jobSchema),
     defaultValues: defaultJobValue,
@@ -54,7 +57,6 @@ const ManageJob = ({ Job }) => {
     isError: isJobError,
     error: jobError,
   } = useServiceProjectJobDetails(Job);
-  // const {} = useSer
 
   const { mutate: CreateJob, isPending } = useCreateServiceProjectJob(() => {
     reset();
@@ -68,22 +70,33 @@ const ManageJob = ({ Job }) => {
 
     formData.startDate = localToUtc(formData.startDate);
     formData.dueDate = localToUtc(formData.dueDate);
+    formData.projectId = projectId;
     CreateJob(formData);
   };
 
   useEffect(() => {
+    if (!JobData && !Job) {
+      reset({
+        ...defaultJobValue,
+        projectId: projectId,
+      });
+      return;
+    }
+
     if (!JobData || !Job) return;
+
     const assignedEmployees = (JobData.assignees || []).map((e) => e.id);
+
     reset({
       title: JobData.title ?? "",
       description: JobData.description ?? "",
-      projectId: JobData.project.id ?? "",
+      projectId: JobData.project?.id ?? projectId,  
       assignees: assignedEmployees,
       startDate: JobData.startDate ?? null,
       dueDate: JobData.dueDate ?? null,
       tags: JobData.tags ?? [],
     });
-  }, [JobData]);
+  }, [JobData, Job, projectId]);
 
   return (
     <div className="container">
@@ -97,25 +110,7 @@ const ManageJob = ({ Job }) => {
               className="form-control form-control"
             />
           </div>
-          <div className="col-12 col-md-6 mb-2">
-            <AppFormController
-              name="projectId"
-              control={control}
-              render={({ field }) => (
-                <SelectField
-                  label="Status"
-                  options={data?.data}
-                  placeholder="Choose a Status"
-                  required
-                  labelKeyKey="name"
-                  valueKeyKey="id"
-                  value={field.value}
-                  onChange={field.onChange}
-                  isLoading={isProjectLoading}
-                />
-              )}
-            />
-          </div>
+
           <div className="col-12 col-md-6 mb-2 mb-md-4">
             <Label required>Start Date</Label>
             <DatePicker
@@ -133,7 +128,7 @@ const ManageJob = ({ Job }) => {
               minDate={watch("startDate")}
               name="dueDate"
               className="w-full"
-               size="md"
+              size="md"
             />
           </div>
           <div className="col-12 col-md-6 mb-2 mb-md-4">