Added ordering invoice as in house BOD-101

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,12 +1,12 @@
 import { DeleteFilled } from "@ant-design/icons";
-import { DatePicker, Form, Input, Radio } from "antd";
+import { DatePicker, Form, Input, Radio, InputNumber } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import VendorSearchSelect from "../vendor-search-select/vendor-search-select.component";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
 export default function PartsOrderModalComponent({
   vendorList,
-  sendTypeState
+  sendTypeState,
 }) {
   const [sendType, setSendType] = sendTypeState;
 
@@ -20,8 +20,8 @@ export default function PartsOrderModalComponent({
         rules={[
           {
             required: true,
-            message: t("general.validation.required")
-          }
+            message: t("general.validation.required"),
+          },
         ]}
       >
         <VendorSearchSelect options={vendorList} />
@@ -31,8 +31,8 @@ export default function PartsOrderModalComponent({
         rules={[
           {
             required: true,
-            message: t("general.validation.required")
-          }
+            message: t("general.validation.required"),
+          },
         ]}
         label={t("parts_orders.fields.deliver_by")}
       >
@@ -54,8 +54,8 @@ export default function PartsOrderModalComponent({
                       rules={[
                         {
                           required: true,
-                          message: t("general.validation.required")
-                        }
+                          message: t("general.validation.required"),
+                        },
                       ]}
                     >
                       <Input />
@@ -81,6 +81,13 @@ export default function PartsOrderModalComponent({
                     >
                       <CurrencyInput />
                     </Form.Item>
+                    <Form.Item
+                      label={t("parts_orders.fields.quantity")}
+                      key={`${index}quantity`}
+                      name={[field.name, "quantity"]}
+                    >
+                      <InputNumber />
+                    </Form.Item>
                     <DeleteFilled
                       onClick={() => {
                         remove(field.name);
@@ -95,7 +102,7 @@ export default function PartsOrderModalComponent({
       </Form.List>
       <Radio.Group
         defaultValue={sendType}
-        onChange={e => setSendType(e.target.value)}
+        onChange={(e) => setSendType(e.target.value)}
       >
         <Radio value={"e"}>{t("parts_orders.labels.email")}</Radio>
         <Radio value={"p"}>{t("parts_orders.labels.print")}</Radio>