Added quantity to entering invoices BOD-182

client/src/components/invoice-form/invoice-form.lines.component.jsx

@@ -1,10 +1,9 @@
-import { DeleteFilled } from "@ant-design/icons";
-import { Button, Form, Input, Select, Switch } from "antd";
+import { DeleteFilled, WarningOutlined } from "@ant-design/icons";
+import { Button, Form, Input, InputNumber, Select, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
 import InvoiceLineSearchSelect from "../invoice-line-search-select/invoice-line-search-select.component";
-import { WarningOutlined } from "@ant-design/icons";
 
 export default function InvoiceEnterModalLinesComponent({
   lineData,
@@ -35,16 +34,17 @@ export default function InvoiceEnterModalLinesComponent({
                     ]}>
                     <InvoiceLineSearchSelect
                       options={lineData}
-                      onBlur={null}
                       onSelect={(value, opt) => {
                         setFieldsValue({
                           invoicelines: getFieldsValue([
                             "invoicelines",
                           ]).invoicelines.map((item, idx) => {
                             if (idx === index) {
+                              console.log("opt", opt);
                               return {
                                 ...item,
                                 line_desc: opt.line_desc,
+                                quantity: opt.part_qty || 1,
                                 actual_price: opt.cost,
                                 cost_center: opt.part_type
                                   ? responsibilityCenters.defaults.costs[
@@ -71,6 +71,18 @@ export default function InvoiceEnterModalLinesComponent({
                     ]}>
                     <Input />
                   </Form.Item>
+                  <Form.Item
+                    label={t("invoicelines.fields.quantity")}
+                    key={`${index}quantity`}
+                    name={[field.name, "quantity"]}
+                    rules={[
+                      {
+                        required: true,
+                        message: t("general.validation.required"),
+                      },
+                    ]}>
+                    <InputNumber precision={0} />
+                  </Form.Item>
                   <Form.Item
                     label={t("invoicelines.fields.actual")}
                     key={`${index}actual_price`}
@@ -118,15 +130,15 @@ export default function InvoiceEnterModalLinesComponent({
                       const line = getFieldsValue(["invoicelines"])
                         .invoicelines[index];
                       if (!!!line) return null;
-                      const lineDiscount = +(
+                      const lineDiscount = (
                         1 -
                         Math.round(
                           (line.actual_cost / line.actual_price) * 100
                         ) /
                           100
-                      ).toFixed(2);
+                      ).toPrecision(2);
 
-                      if (lineDiscount === discount) return null;
+                      if (lineDiscount - discount === 0) return null;
                       return <WarningOutlined style={{ color: "red" }} />;
                     }}
                   </Form.Item>