WIP for invoice list items on inovice enter

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

@@ -1,19 +1,8 @@
-import {
-  Select,
-  Button,
-  DatePicker,
-  Form,
-  Input,
-  InputNumber,
-  Modal,
-  Switch,
-  Row,
-  Col
-} from "antd";
+import { Button, DatePicker, Form, Input, Modal, Select, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import InvoiceEnterModalTableComponent from "./invoice-enter-modal.table.component";
-
+import CurrencyInput from "../form-items-formatted/currency-form-item.component";
+import InvoiceEnterModalLinesComponent from "./invoice-enter-modal.lines.component";
 export default function InvoiceEnterModalComponent({
   visible,
   invoice,
@@ -145,22 +134,18 @@ export default function InvoiceEnterModalComponent({
               { required: true, message: t("general.validation.required") }
             ]}
           >
-            <InputNumber precision={2} min={0} />
+            <CurrencyInput />
           </Form.Item>
         </div>
-        <Row>
-          <Col span={12}>
-            <InvoiceEnterModalTableComponent
-              lineData={lineData}
-              linesState={linesState}
-              form={form}
-              vendor={vendor}
-            />
-          </Col>
-          <Col span={12}>Table of added items.</Col>
-        </Row>
-        );
-      </Modal>{" "}
+        <InvoiceEnterModalLinesComponent
+          lineData={lineData}
+          discount={vendor && vendor.discount}
+          form={form}
+        />
+        <Button onClick={() => console.log(form.getFieldsValue())}>
+          Field Values
+        </Button>
+      </Modal>
     </Form>
   );
 }