IO-896 Fleet # Validation

client/src/components/courtesy-car-form/courtesy-car-form.component.jsx

@@ -8,9 +8,13 @@ import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
+import { useApolloClient } from "@apollo/client";
+import { CHECK_CC_FLEET_NUMBER } from "../../graphql/courtesy-car.queries";
 
 export default function CourtesyCarCreateFormComponent({ form, saveLoading }) {
   const { t } = useTranslation();
+  const client = useApolloClient();
+
   return (
     <div>
       <PageHeader
@@ -117,6 +121,43 @@ export default function CourtesyCarCreateFormComponent({ form, saveLoading }) {
         <Form.Item
           label={t("courtesycars.fields.fleetnumber")}
           name="fleetnumber"
+          validateTrigger="onBlur"
+          hasFeedback
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+            ({ getFieldValue }) => ({
+              async validator(rule, value) {
+                if (value) {
+                  const response = await client.query({
+                    query: CHECK_CC_FLEET_NUMBER,
+                    variables: {
+                      name: value,
+                    },
+                  });
+
+                  if (
+                    response.data.courtesycars_aggregate.aggregate.count === 0
+                  ) {
+                    return Promise.resolve();
+                  } else if (
+                    response.data.courtesycars_aggregate.nodes.length === 1 &&
+                    response.data.courtesycars_aggregate.nodes[0].id ===
+                      form.getFieldValue("id")
+                  ) {
+                    return Promise.resolve();
+                  }
+                  return Promise.reject(
+                    t("vendors.validation.unique_vendor_name")
+                  );
+                } else {
+                  return Promise.resolve();
+                }
+              },
+            }),
+          ]}
         >
           <Input />
         </Form.Item>