Added form list moving to all lists. BOD-242

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

@@ -4,7 +4,7 @@ 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 FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
 export default function InvoiceEnterModalLinesComponent({
   lineData,
   discount,
@@ -16,7 +16,7 @@ export default function InvoiceEnterModalLinesComponent({
 
   return (
     <Form.List name="invoicelines">
-      {(fields, { add, remove }) => {
+      {(fields, { add, remove, move }) => {
         return (
           <div className="invoice-form-lines-wrapper">
             {fields.map((field, index) => (
@@ -197,6 +197,11 @@ export default function InvoiceEnterModalLinesComponent({
                       remove(field.name);
                     }}
                   />
+                  <FormListMoveArrows
+                    move={move}
+                    index={index}
+                    total={fields.length}
+                  />
                 </div>
               </Form.Item>
             ))}