WIP for document upload on invoice enter.

client/src/components/invoice-enter-modal/invoice-enter-modal.component.jsx

@@ -5,6 +5,7 @@ import CurrencyInput from "../form-items-formatted/currency-form-item.component"
 import JobSearchSelect from "../job-search-select/job-search-select.component";
 import VendorSearchSelect from "../vendor-search-select/vendor-search-select.component";
 import InvoiceEnterModalLinesComponent from "./invoice-enter-modal.lines.component";
+import DocumentsUploadContainer from "../documents-upload/documents-upload.container";
 
 export default function InvoiceEnterModalComponent({
   form,
@@ -12,7 +13,7 @@ export default function InvoiceEnterModalComponent({
   vendorAutoCompleteOptions,
   lineData,
   responsibilityCenters,
-  loadLines
+  loadLines,
 }) {
   const { t } = useTranslation();
 
@@ -31,8 +32,8 @@ export default function InvoiceEnterModalComponent({
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
         >
           <JobSearchSelect
@@ -50,8 +51,8 @@ export default function InvoiceEnterModalComponent({
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
         >
           <VendorSearchSelect
@@ -67,8 +68,8 @@ export default function InvoiceEnterModalComponent({
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
         >
           <Input />
@@ -79,8 +80,8 @@ export default function InvoiceEnterModalComponent({
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
         >
           <DatePicker />
@@ -98,8 +99,8 @@ export default function InvoiceEnterModalComponent({
           rules={[
             {
               required: true,
-              message: t("general.validation.required")
-            }
+              message: t("general.validation.required"),
+            },
           ]}
         >
           <CurrencyInput />
@@ -111,6 +112,20 @@ export default function InvoiceEnterModalComponent({
         form={form}
         responsibilityCenters={responsibilityCenters}
       />
+
+      <Form.Item
+        name="upload"
+        label="Upload"
+      >
+        <DocumentsUploadContainer jobId={form.getFieldValue("jobid")} />
+      </Form.Item>
+      <button
+        onClick={() => {
+          console.log(form.getFieldsValue());
+        }}
+      >
+        a
+      </button>
     </div>
   );
 }