Added barcode scanning to populate contract form BOD-88

client/src/pages/contract-create/contract-create.page.component.jsx

@@ -1,13 +1,14 @@
-import React from "react";
-import ContractFormComponent from "../../components/contract-form/contract-form.component";
 import { Button } from "antd";
+import React from "react";
 import { useTranslation } from "react-i18next";
-import ContractJobsContainer from "../../components/contract-jobs/contract-jobs.container";
 import ContractCarsContainer from "../../components/contract-cars/contract-cars.container";
-
+import ContractFormComponent from "../../components/contract-form/contract-form.component";
+import ContractJobsContainer from "../../components/contract-jobs/contract-jobs.container";
+import ContractLicenseDecodeButton from "../../components/contract-license-decode-button/contract-license-decode-button.component";
 export default function ContractCreatePageComponent({
+  form,
   selectedJobState,
-  selectedCarState
+  selectedCarState,
 }) {
   const { t } = useTranslation();
   return (
@@ -15,7 +16,8 @@ export default function ContractCreatePageComponent({
       <Button htmlType="submit">{t("general.actions.create")}</Button>
       <ContractJobsContainer selectedJobState={selectedJobState} />
       <ContractCarsContainer selectedCarState={selectedCarState} />
-      <ContractFormComponent />
+      <ContractLicenseDecodeButton form={form} />
+      <ContractFormComponent form={form} />
     </div>
   );
 }

client/src/pages/contract-create/contract-create.page.container.jsx

@@ -29,8 +29,6 @@ export function ContractCreatePageContainer({ bodyshop, setBreadcrumbs }) {
   );
   const [insertContract] = useMutation(INSERT_NEW_CONTRACT);
 
-  console.log("test");
-
   const handleFinish = (values) => {
     if (!!selectedCarState[0] && !!selectedJobState[0]) {
       insertContract({
@@ -81,8 +79,14 @@ export function ContractCreatePageContainer({ bodyshop, setBreadcrumbs }) {
   }, [t, setBreadcrumbs]);
 
   return (
-    <Form form={form} autoComplete="no" onFinish={handleFinish}>
+    <Form
+      form={form}
+      layout="vertical"
+      autoComplete="no"
+      onFinish={handleFinish}
+    >
       <ContractCreatePageComponent
+        form={form}
         selectedJobState={selectedJobState}
         selectedCarState={selectedCarState}
       />