UI fixes for manual job creation + owners pages + vehicles pages + all jobs BOD-155

client/src/pages/jobs-create/jobs-create.container.jsx

@@ -74,6 +74,7 @@ function JobsCreateContainer({ bodyshop, setBreadcrumbs }) {
   };
 
   const handleFinish = (values) => {
+    console.log("handleFinish -> values", values);
     let job = Object.assign(
       {},
       values,
@@ -86,13 +87,14 @@ function JobsCreateContainer({ bodyshop, setBreadcrumbs }) {
         ownerid: state.owner.selectedid || null,
       },
       {
-        status: bodyshop.md_ro_statuses.default_imported || "Open*", //Pull from redux store.
+        status: bodyshop.md_ro_statuses.default_imported || "Open*",
         shopid: bodyshop.id,
       }
     );
     //TODO Logic to ensure the owner is actually fetched.
+    console.log("job", job);
     let ownerData;
-    if (!!job.owner) {
+    if (!!!job.ownerid) {
       ownerData = job.owner.data;
       ownerData.shopid = bodyshop.id;
       delete ownerData.allow_text_message;
@@ -103,7 +105,7 @@ function JobsCreateContainer({ bodyshop, setBreadcrumbs }) {
       delete ownerData.id;
       delete ownerData.__typename;
     }
-    if (!!job.vehicle) {
+    if (!!!job.vehicleid) {
       delete job.vehicleid;
       job.vehicle.data.shopid = bodyshop.id;
       job.plate_no = job.vehicle.data.plate_no;
@@ -114,8 +116,6 @@ function JobsCreateContainer({ bodyshop, setBreadcrumbs }) {
       job.v_make_desc = job.vehicle.data.v_make_desc;
       job.v_color = job.vehicle.data.v_color;
     } else {
-      //Vehicle selected.
-      job.vehicle.data.shopid = bodyshop.id;
       job.plate_no = state.vehicle.vehicleObj.plate_no;
       job.plate_st = state.vehicle.vehicleObj.plate_st;
       job.v_vin = state.vehicle.vehicleObj.v_vin;
@@ -131,7 +131,11 @@ function JobsCreateContainer({ bodyshop, setBreadcrumbs }) {
 
   return (
     <JobCreateContext.Provider value={contextState}>
-      <Form form={form} onFinish={handleFinish} autoComplete={"off"}>
+      <Form
+        form={form}
+        onFinish={handleFinish}
+        layout='vertical'
+        autoComplete={"off"}>
         <JobsCreateComponent form={form} />
       </Form>
     </JobCreateContext.Provider>