Fix Formatting issues

Signed-off-by: Dave Richer <dave@imexsystems.ca>
2024-04-08 22:25:07 -04:00
parent df0f8ef9dc
commit 33c282051b
34 changed files with 1805 additions and 1820 deletions
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -1,62 +1,66 @@
-import {DeleteFilled, EyeFilled, SyncOutlined} from "@ant-design/icons";
-import {useMutation} from "@apollo/client";
-import {Button, Card, Checkbox, Drawer, Grid, Input, Popconfirm, Space, Table} from "antd";
-import {PageHeader} from "@ant-design/pro-layout";
+import { DeleteFilled, EyeFilled, SyncOutlined } from "@ant-design/icons";
+import { useMutation } from "@apollo/client";
+import { Button, Card, Checkbox, Drawer, Grid, Input, Popconfirm, Space, Table } from "antd";
+import { PageHeader } from "@ant-design/pro-layout";

 import queryString from "query-string";
-import React, {useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {useLocation} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
-import {logImEXEvent} from "../../firebase/firebase.utils";
-import {DELETE_PARTS_ORDER} from "../../graphql/parts-orders.queries";
-import {selectJobReadOnly} from "../../redux/application/application.selectors";
-import {setModalContext} from "../../redux/modals/modals.actions";
-import {selectBodyshop} from "../../redux/user/user.selectors";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { useLocation } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { DELETE_PARTS_ORDER } from "../../graphql/parts-orders.queries";
+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} from "../../utils/sorters";
-import {TemplateList} from "../../utils/TemplateConstants";
+import { DateFormatter } from "../../utils/DateFormatter";
+import { alphaSort } from "../../utils/sorters";
+import { TemplateList } from "../../utils/TemplateConstants";
 import DataLabel from "../data-label/data-label.component";
-import PartsOrderBackorderEta
-  from "../parts-order-backorder-eta/parts-order-backorder-eta.component";
+import PartsOrderBackorderEta from "../parts-order-backorder-eta/parts-order-backorder-eta.component";
 import PartsOrderCmReceived from "../parts-order-cm-received/parts-order-cm-received.component";
 import PartsOrderDeleteLine from "../parts-order-delete-line/parts-order-delete-line.component";
-import PartsOrderLineBackorderButton
-  from "../parts-order-line-backorder-button/parts-order-line-backorder-button.component";
+import PartsOrderLineBackorderButton from "../parts-order-line-backorder-button/parts-order-line-backorder-button.component";
 import PartsReceiveModalContainer from "../parts-receive-modal/parts-receive-modal.container";
 import PrintWrapper from "../print-wrapper/print-wrapper.component";
 import FeatureWrapperComponent from "../feature-wrapper/feature-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"
-  })),
-  setPartsReceiveContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "partsReceive"
-  })),
-  setTaskUpsertContext: (context) => dispatch(setModalContext({context, modal: 'taskUpsert'})),
+  setBillEnterContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "billEnter"
+      })
+    ),
+  setPartsReceiveContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "partsReceive"
+      })
+    ),
+  setTaskUpsertContext: (context) => dispatch(setModalContext({ context, modal: "taskUpsert" }))
 });

 export function PartsOrderListTableComponent({
-                                               setBillEnterContext,
-                                               bodyshop,
-                                               jobRO,
-                                               job,
-                                               billsQuery,
-                                               handleOnRowClick,
-                                               setPartsReceiveContext,
-                                               setTaskUpsertContext,
-                                             }) {
+  setBillEnterContext,
+  bodyshop,
+  jobRO,
+  job,
+  billsQuery,
+  handleOnRowClick,
+  setPartsReceiveContext,
+  setTaskUpsertContext
+}) {
  const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
    .filter((screen) => !!screen[1])
    .slice(-1)[0];
@@ -71,9 +75,9 @@ export function PartsOrderListTableComponent({
  };
  const drawerPercentage = selectedBreakpoint ? bpoints[selectedBreakpoint[0]] : "100%";
  const responsibilityCenters = bodyshop.md_responsibility_centers;
-  const Templates = TemplateList("partsorder", {job});
+  const Templates = TemplateList("partsorder", { job });

-  const {t} = useTranslation();
+  const { t } = useTranslation();
  const [state, setState] = useState({
    sortedInfo: {}
  });
@@ -84,13 +88,13 @@ export function PartsOrderListTableComponent({
  const [deletePartsOrder] = useMutation(DELETE_PARTS_ORDER);

  const parts_orders = billsQuery.data ? billsQuery.data.parts_orders : [];
-  const {refetch} = billsQuery;
+  const { refetch } = billsQuery;

  const recordActions = (record, showView = false) => (
-    <Space direction='horizontal' wrap>
+    <Space direction="horizontal" wrap>
      {showView && (
        <Button onClick={() => handleOnRowClick(record)}>
-          <EyeFilled/>
+          <EyeFilled />
        </Button>
      )}

@@ -99,7 +103,7 @@ export function PartsOrderListTableComponent({
        onClick={() => {
          logImEXEvent("parts_order_receive_bill");
          setPartsReceiveContext({
-            actions: {refetch: refetch},
+            actions: { refetch: refetch },
            context: {
              jobId: job.id,
              job: job,
@@ -119,15 +123,18 @@ export function PartsOrderListTableComponent({
      >
        {t("parts_orders.actions.receive")}
      </Button>
-      <Button title={t('tasks.buttons.create')} onClick={() => {
-        setTaskUpsertContext({
-          context: {
-            jobid: job.id,
-            partsorderid: record.id
-          }
-        });
-      }}>
-        <FaTasks/>
+      <Button
+        title={t("tasks.buttons.create")}
+        onClick={() => {
+          setTaskUpsertContext({
+            context: {
+              jobid: job.id,
+              partsorderid: record.id
+            }
+          });
+        }}
+      >
+        <FaTasks />
      </Button>
      <Popconfirm
        title={t("parts_orders.labels.confirmdelete")}
@@ -136,11 +143,11 @@ export function PartsOrderListTableComponent({
          //Delete the parts return.!

          await deletePartsOrder({
-            variables: {partsOrderId: record.id},
+            variables: { partsOrderId: record.id },
            update(cache) {
              cache.modify({
                fields: {
-                  parts_orders(existingPartsOrders, {readField}) {
+                  parts_orders(existingPartsOrders, { readField }) {
                    return existingPartsOrders.filter((billref) => record.id !== readField("id", billref));
                  }
                }
@@ -150,7 +157,7 @@ export function PartsOrderListTableComponent({
        }}
      >
        <Button disabled={jobRO}>
-          <DeleteFilled/>
+          <DeleteFilled />
        </Button>
      </Popconfirm>
      <FeatureWrapperComponent featureName="bills" noauth={() => null}>
@@ -160,7 +167,7 @@ export function PartsOrderListTableComponent({
            logImEXEvent("parts_order_receive_bill");

            setBillEnterContext({
-              actions: {refetch: refetch},
+              actions: { refetch: refetch },
              context: {
                job: job,
                bill: {
@@ -180,7 +187,7 @@ export function PartsOrderListTableComponent({
                            ? pol.jobline.part_type
                            : null
                          : responsibilityCenters.defaults &&
-                          (responsibilityCenters.defaults.costs[pol.jobline.part_type] || null)
+                            (responsibilityCenters.defaults.costs[pol.jobline.part_type] || null)
                        : null
                    };
                  })
@@ -195,7 +202,7 @@ export function PartsOrderListTableComponent({
      <PrintWrapper
        templateObject={{
          name: record.return ? Templates.parts_return_slip.key : Templates.parts_order.key,
-          variables: {id: record.id}
+          variables: { id: record.id }
        }}
        messageObject={{
          subject: record.return ? Templates.parts_return_slip.subject : Templates.parts_order.subject,
@@ -236,7 +243,7 @@ export function PartsOrderListTableComponent({
      key: "return",
      sorter: (a, b) => a.return - b.return,
      sortOrder: state.sortedInfo.columnKey === "return" && state.sortedInfo.order,
-      render: (text, record) => <Checkbox checked={record.return}/>
+      render: (text, record) => <Checkbox checked={record.return} />
    },
    {
      title: t("parts_orders.fields.deliver_by"),
@@ -260,7 +267,7 @@ export function PartsOrderListTableComponent({
  ];

  const handleTableChange = (pagination, filters, sorter) => {
-    setState({...state, filteredInfo: filters, sortedInfo: sorter});
+    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
  };

  const selectedPartsOrderRecord = parts_orders.find((r) => r.id === selectedpartsorder);
@@ -291,15 +298,15 @@ export function PartsOrderListTableComponent({
      },
      ...(selectedPartsOrderRecord && selectedPartsOrderRecord.return
        ? [
-          {
-            title: t("parts_orders.fields.cost"),
-            dataIndex: "cost",
-            key: "cost",
-            sorter: (a, b) => a.cost - b.cost,
-            sortOrder: state.sortedInfo.columnKey === "cost" && state.sortedInfo.order,
-            render: (text, record) => <CurrencyFormatter>{record.cost}</CurrencyFormatter>
-          }
-        ]
+            {
+              title: t("parts_orders.fields.cost"),
+              dataIndex: "cost",
+              key: "cost",
+              sorter: (a, b) => a.cost - b.cost,
+              sortOrder: state.sortedInfo.columnKey === "cost" && state.sortedInfo.order,
+              render: (text, record) => <CurrencyFormatter>{record.cost}</CurrencyFormatter>
+            }
+          ]
        : []),
      {
        title: t("parts_orders.fields.part_type"),
@@ -327,19 +334,19 @@ export function PartsOrderListTableComponent({

      ...(selectedPartsOrderRecord && selectedPartsOrderRecord.return
        ? [
-          {
-            title: t("parts_orders.fields.cm_received"),
-            dataIndex: "cm_received",
-            key: "cm_received",
-            render: (text, record) => (
-              <PartsOrderCmReceived
-                orderLineId={record.id}
-                checked={record.cm_received}
-                partsorderid={selectedPartsOrderRecord.id}
-              />
-            )
-          }
-        ]
+            {
+              title: t("parts_orders.fields.cm_received"),
+              dataIndex: "cm_received",
+              key: "cm_received",
+              render: (text, record) => (
+                <PartsOrderCmReceived
+                  orderLineId={record.id}
+                  checked={record.cm_received}
+                  partsorderid={selectedPartsOrderRecord.id}
+                />
+              )
+            }
+          ]
        : []),
      {
        title: t("parts_orders.fields.backordered_on"),
@@ -388,8 +395,7 @@ export function PartsOrderListTableComponent({

    return (
      <div>
-        <PageHeader title={record && `${record.vendor.name} - ${record.order_number}`}
-                    extra={recordActions(record)}/>
+        <PageHeader title={record && `${record.vendor.name} - ${record.order_number}`} extra={recordActions(record)} />
        <Table
          scroll={{
            x: true //y: "50rem"
@@ -399,7 +405,7 @@ export function PartsOrderListTableComponent({
          dataSource={record.parts_order_lines}
        />
        <DataLabel label={t("parts_orders.fields.comments")}>
-          <div style={{whiteSpace: "pre"}}>{record.comments}</div>
+          <div style={{ whiteSpace: "pre" }}>{record.comments}</div>
        </DataLabel>
      </div>
    );
@@ -409,10 +415,10 @@ export function PartsOrderListTableComponent({
    ? searchText === ""
      ? parts_orders
      : parts_orders.filter(
-        (b) =>
-          (b.order_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
-          (b.vendor.name || "").toLowerCase().includes(searchText.toLowerCase())
-      )
+          (b) =>
+            (b.order_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
+            (b.vendor.name || "").toLowerCase().includes(searchText.toLowerCase())
+        )
    : [];

  return (
@@ -421,7 +427,7 @@ export function PartsOrderListTableComponent({
      extra={
        <Space wrap>
          <Button onClick={() => refetch()}>
-            <SyncOutlined/>
+            <SyncOutlined />
          </Button>
          <Input.Search
            placeholder={t("general.labels.search")}
@@ -434,7 +440,7 @@ export function PartsOrderListTableComponent({
        </Space>
      }
    >
-      <PartsReceiveModalContainer/>
+      <PartsReceiveModalContainer />
      <Drawer
        placement="right"
        onClose={() => handleOnRowClick(null)}