IO-2966 Contract Create Page Leave Warning

Signed-off-by: Allan Carr <allan.carr@thinkimex.com>

client/src/components/contract-form/contract-form.component.jsx

@@ -12,6 +12,7 @@ import {
   default as DateTimePicker,
   default as FormDateTimePicker
 } from "../form-date-time-picker/form-date-time-picker.component";
+import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";
 import InputPhone, { PhoneItemFormatterValidation } from "../form-items-formatted/phone-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import ContractFormJobPrefill from "./contract-form-job-prefill.component";
@@ -20,8 +21,9 @@ export default function ContractFormComponent({ form, create = false, selectedJo
   const { t } = useTranslation();
   return (
     <>
+      {!create && <FormFieldsChanged form={form} />}
       <LayoutFormRow>
-        {create ? null : (
+        {!create && (
           <Form.Item
             label={t("contracts.fields.status")}
             name="status"
@@ -50,7 +52,7 @@ export default function ContractFormComponent({ form, create = false, selectedJo
         <Form.Item label={t("contracts.fields.scheduledreturn")} name="scheduledreturn">
           <FormDateTimePicker />
         </Form.Item>
-        {create ? null : (
+        {!create && (
           <Form.Item label={t("contracts.fields.actualreturn")} name="actualreturn">
             <FormDateTimePicker />
           </Form.Item>
@@ -122,7 +124,7 @@ export default function ContractFormComponent({ form, create = false, selectedJo
             }}
           </Form.Item>
         )}
-        {create ? null : (
+        {!create && (
           <Form.Item label={t("contracts.fields.kmend")} name="kmend">
             <InputNumber />
           </Form.Item>
@@ -145,7 +147,7 @@ export default function ContractFormComponent({ form, create = false, selectedJo
         >
           <CourtesyCarFuelSlider />
         </Form.Item>
-        {create ? null : (
+        {!create && (
           <Form.Item label={t("contracts.fields.fuelin")} name="fuelin" span={8}>
             <CourtesyCarFuelSlider />
           </Form.Item>
@@ -153,7 +155,9 @@ export default function ContractFormComponent({ form, create = false, selectedJo
       </LayoutFormRow>
       <LayoutFormRow header={t("contracts.labels.driverinformation")}>
         <Space wrap>
-          {selectedJobState && <ContractFormJobPrefill jobId={selectedJobState && selectedJobState[0]} form={form} />}
+          {create && selectedJobState && (
+            <ContractFormJobPrefill jobId={selectedJobState && selectedJobState[0]} form={form} />
+          )}
           {/* {<ContractLicenseDecodeButton form={form} />} */}
         </Space>
       </LayoutFormRow>