Added no vehicle option to manual job creation IO-107

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.new.component.jsx

@@ -19,6 +19,7 @@ export default function JobsCreateVehicleInfoNewComponent() {
             ...state,
             vehicle: {
               ...state.vehicle,
+              none: false,
               new: !state.vehicle.new,
               selectedid: null,
             },
@@ -27,6 +28,23 @@ export default function JobsCreateVehicleInfoNewComponent() {
       >
         {t("jobs.labels.create.newvehicle")}
       </Checkbox>
+      <Checkbox
+        defaultChecked={state.vehicle.none}
+        checked={state.vehicle.none}
+        onChange={() => {
+          setState({
+            ...state,
+            vehicle: {
+              ...state.vehicle,
+              new: false,
+              none: !state.vehicle.none,
+              selectedid: null,
+            },
+          });
+        }}
+      >
+        {t("jobs.labels.create.novehicle")}
+      </Checkbox>
 
       <LayoutFormRow header={t("vehicles.forms.detail")} grow>
         <Form.Item

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.search.component.jsx

@@ -59,9 +59,9 @@ export default function JobsCreateVehicleInfoSearchComponent({
       loading={loading}
       title={() => {
         return (
-          <div className='imex-table-header'>
+          <div className="imex-table-header">
             <Input.Search
-              className='imex-table-header__search'
+              className="imex-table-header__search"
               placeholder={t("general.labels.search")}
               onSearch={(value) => {
                 setState({
@@ -74,11 +74,11 @@ export default function JobsCreateVehicleInfoSearchComponent({
           </div>
         );
       }}
-      size='small'
+      size="small"
       scroll={{ x: true }}
       pagination={{ position: "top" }}
       columns={columns}
-      rowKey='id'
+      rowKey="id"
       dataSource={vehicles}
       onChange={handleTableChange}
       rowSelection={{
@@ -87,6 +87,7 @@ export default function JobsCreateVehicleInfoSearchComponent({
             ...state,
             vehicle: {
               ...state.vehicle,
+              none: false,
               new: false,
               selectedid: props.id,
               vehicleObj: props,
@@ -105,6 +106,7 @@ export default function JobsCreateVehicleInfoSearchComponent({
                   ...state,
                   vehicle: {
                     ...state.vehicle,
+                    none: false,
                     new: false,
                     selectedid: record.id,
                     vehicleObj: record,

client/src/components/jobs-detail-rates/jobs-detail-rates.parts.component.jsx

@@ -1,4 +1,4 @@
-import { Collapse, Form, InputNumber, Select, Switch } from "antd";
+import { Collapse, Form, InputNumber, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/components/vehicle-tag-popover/vehicle-tag-popover.component.jsx

@@ -5,6 +5,8 @@ import { Link } from "react-router-dom";
 
 export default function VehicleTagPopoverComponent({ job }) {
   const { t } = useTranslation();
+  if (!job.vehicle) return null;
+
   const content = (
     <div style={{ width: "400px" }}>
       <Row>