Fix Formatting issues

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/bills-list-table/bills-list-table.component.jsx

@@ -1,49 +1,55 @@
-import {EditFilled, SyncOutlined} from "@ant-design/icons";
-import {Button, Card, Checkbox, Input, Space, Table} from "antd";
-import React, {useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {selectJobReadOnly} from "../../redux/application/application.selectors";
-import {setModalContext} from "../../redux/modals/modals.actions";
-import {selectBodyshop} from "../../redux/user/user.selectors";
+import { EditFilled, SyncOutlined } from "@ant-design/icons";
+import { Button, Card, Checkbox, Input, Space, Table } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
+import { setModalContext } from "../../redux/modals/modals.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
-import {DateFormatter} from "../../utils/DateFormatter";
-import {alphaSort, dateSort} from "../../utils/sorters";
-import {TemplateList} from "../../utils/TemplateConstants";
+import { DateFormatter } from "../../utils/DateFormatter";
+import { alphaSort, dateSort } from "../../utils/sorters";
+import { TemplateList } from "../../utils/TemplateConstants";
 import BillDeleteButton from "../bill-delete-button/bill-delete-button.component";
 import BillDetailEditReturnComponent from "../bill-detail-edit/bill-detail-edit-return.component";
 import PrintWrapperComponent from "../print-wrapper/print-wrapper.component";
-import {FaTasks} from "react-icons/fa";
+import { FaTasks } from "react-icons/fa";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
-  bodyshop: selectBodyshop,
+  bodyshop: selectBodyshop
 });
 
 const mapDispatchToProps = (dispatch) => ({
-  setBillEnterContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "billEnter"
-  })),
-  setReconciliationContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "reconciliation"
-  })),
-  setTaskUpsertContext: (context) => dispatch(setModalContext({context, modal: 'taskUpsert'})),
+  setBillEnterContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "billEnter"
+      })
+    ),
+  setReconciliationContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "reconciliation"
+      })
+    ),
+  setTaskUpsertContext: (context) => dispatch(setModalContext({ context, modal: "taskUpsert" }))
 });
 
 export function BillsListTableComponent({
-                                          bodyshop,
-                                          jobRO,
-                                          job,
-                                          billsQuery,
-                                          handleOnRowClick,
-                                          setBillEnterContext,
-                                          setReconciliationContext,
-                                          setTaskUpsertContext,
-                                        }) {
-  const {t} = useTranslation();
+  bodyshop,
+  jobRO,
+  job,
+  billsQuery,
+  handleOnRowClick,
+  setBillEnterContext,
+  setReconciliationContext,
+  setTaskUpsertContext
+}) {
+  const { t } = useTranslation();
 
   const [state, setState] = useState({
     sortedInfo: {}
@@ -54,27 +60,29 @@ export function BillsListTableComponent({
 
   const Templates = TemplateList("bill");
   const bills = billsQuery.data ? billsQuery.data.bills : [];
-  const {refetch} = billsQuery;
-
+  const { refetch } = billsQuery;
 
   const recordActions = (record, showView = false) => (
     <Space wrap>
       {showView && (
         <Button onClick={() => handleOnRowClick(record)}>
-          <EditFilled/>
+          <EditFilled />
         </Button>
       )}
-      <Button title={t('tasks.buttons.create')} onClick={() => {
-        setTaskUpsertContext({
-          context: {
-            jobid: job.id,
-            billid: record.id
-          }
-        });
-      }}>
-        <FaTasks/>
+      <Button
+        title={t("tasks.buttons.create")}
+        onClick={() => {
+          setTaskUpsertContext({
+            context: {
+              jobid: job.id,
+              billid: record.id
+            }
+          });
+        }}
+      >
+        <FaTasks />
       </Button>
-      <BillDeleteButton bill={record} jobid={job.id}/>
+      <BillDeleteButton bill={record} jobid={job.id} />
       <BillDetailEditReturnComponent
         data={{ bills_by_pk: { ...record, jobid: job.id, job: job } }}
         disabled={record.is_credit_memo || record.vendorid === bodyshop.inhousevendorid || jobRO}
@@ -84,9 +92,9 @@ export function BillsListTableComponent({
         <PrintWrapperComponent
           templateObject={{
             name: Templates.inhouse_invoice.key,
-            variables: {id: record.id}
+            variables: { id: record.id }
           }}
-          messageObject={{subject: Templates.inhouse_invoice.subject}}
+          messageObject={{ subject: Templates.inhouse_invoice.subject }}
         />
       )}
     </Space>
@@ -129,7 +137,7 @@ export function BillsListTableComponent({
       key: "is_credit_memo",
       sorter: (a, b) => a.is_credit_memo - b.is_credit_memo,
       sortOrder: state.sortedInfo.columnKey === "is_credit_memo" && state.sortedInfo.order,
-      render: (text, record) => <Checkbox checked={record.is_credit_memo}/>
+      render: (text, record) => <Checkbox checked={record.is_credit_memo} />
     },
     {
       title: t("bills.fields.exported"),
@@ -137,7 +145,7 @@ export function BillsListTableComponent({
       key: "exported",
       sorter: (a, b) => a.exported - b.exported,
       sortOrder: state.sortedInfo.columnKey === "exported" && state.sortedInfo.order,
-      render: (text, record) => <Checkbox checked={record.exported}/>
+      render: (text, record) => <Checkbox checked={record.exported} />
     },
     {
       title: t("general.labels.actions"),
@@ -148,18 +156,18 @@ export function BillsListTableComponent({
   ];
 
   const handleTableChange = (pagination, filters, sorter) => {
-    setState({...state, filteredInfo: filters, sortedInfo: sorter});
+    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
   };
 
   const filteredBills = bills
     ? searchText === ""
       ? bills
       : bills.filter(
-        (b) =>
-          (b.invoice_number || "").toLowerCase().includes(searchText.toLowerCase()) ||
-          (b.vendor.name || "").toLowerCase().includes(searchText.toLowerCase()) ||
-          (b.total || "").toString().toLowerCase().includes(searchText.toLowerCase())
-      )
+          (b) =>
+            (b.invoice_number || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (b.vendor.name || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (b.total || "").toString().toLowerCase().includes(searchText.toLowerCase())
+        )
     : [];
 
   return (
@@ -168,14 +176,14 @@ export function BillsListTableComponent({
       extra={
         <Space wrap>
           <Button onClick={() => refetch()}>
-            <SyncOutlined/>
+            <SyncOutlined />
           </Button>
           {job && job.converted ? (
             <>
               <Button
                 onClick={() => {
                   setBillEnterContext({
-                    actions: {refetch: billsQuery.refetch},
+                    actions: { refetch: billsQuery.refetch },
                     context: {
                       job
                     }
@@ -187,7 +195,7 @@ export function BillsListTableComponent({
               <Button
                 onClick={() => {
                   setReconciliationContext({
-                    actions: {refetch: billsQuery.refetch},
+                    actions: { refetch: billsQuery.refetch },
                     context: {
                       job,
                       bills: (billsQuery.data && billsQuery.data.bills) || []