Reformat all project files to use the prettier config file.

client/src/components/jobs-find-modal/jobs-find-modal.component.jsx

@@ -1,307 +1,284 @@
-import {SyncOutlined} from "@ant-design/icons";
-import {Button, Checkbox, Divider, Input, Space, Table} from "antd";
+import { SyncOutlined } from "@ant-design/icons";
+import { Button, Checkbox, Divider, Input, Space, Table } from "antd";
 import dayjs from "../../utils/day";
-import React, {useState} from "react";
-import {useTranslation} from "react-i18next";
-import {Link} from "react-router-dom";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
 import PhoneFormatter from "../../utils/PhoneFormatter";
 import FormDateTimePickerComponent from "../form-date-time-picker/form-date-time-picker.component";
 import OwnerNameDisplay from "../owner-name-display/owner-name-display.component";
 
 export default function JobsFindModalComponent({
-                                                   selectedJob,
-                                                   setSelectedJob,
-                                                   jobsList,
-                                                   jobsListLoading,
-                                                   importOptionsState,
-                                                   modalSearchState,
-                                                   jobsListRefetch,
-                                                   partsQueueToggle,
-                                                   setPartsQueueToggle,
-                                                   updateSchComp,
-                                                   setSchComp,
-                                               }) {
-    const {t} = useTranslation();
-    const [modalSearch, setModalSearch] = modalSearchState;
-    const [importOptions, setImportOptions] = importOptionsState;
-    const [checkUTT, setCheckUTT] = useState(false);
-    const columns = [
-        {
-            title: t("jobs.fields.ro_number"),
-            dataIndex: "ro_number",
-            key: "ro_number",
-            width: "8%",
-            render: (text, record) => (
-                <span>
-          <Link to={"/manage/jobs/" + record.id}>
-            {record.ro_number || t("general.labels.na")}
-          </Link>
+  selectedJob,
+  setSelectedJob,
+  jobsList,
+  jobsListLoading,
+  importOptionsState,
+  modalSearchState,
+  jobsListRefetch,
+  partsQueueToggle,
+  setPartsQueueToggle,
+  updateSchComp,
+  setSchComp
+}) {
+  const { t } = useTranslation();
+  const [modalSearch, setModalSearch] = modalSearchState;
+  const [importOptions, setImportOptions] = importOptionsState;
+  const [checkUTT, setCheckUTT] = useState(false);
+  const columns = [
+    {
+      title: t("jobs.fields.ro_number"),
+      dataIndex: "ro_number",
+      key: "ro_number",
+      width: "8%",
+      render: (text, record) => (
+        <span>
+          <Link to={"/manage/jobs/" + record.id}>{record.ro_number || t("general.labels.na")}</Link>
         </span>
-            ),
-        },
-        {
-            title: t("jobs.fields.owner"),
-            dataIndex: "owner",
-            key: "owner",
-            ellipsis: true,
+      )
+    },
+    {
+      title: t("jobs.fields.owner"),
+      dataIndex: "owner",
+      key: "owner",
+      ellipsis: true,
 
-            width: "25%",
+      width: "25%",
 
-            render: (text, record) => {
-                return record.owner ? (
-                    <Link to={"/manage/owners/" + record.owner.id}>
-                        <OwnerNameDisplay ownerObject={record}/>
-                    </Link>
-                ) : (
-                    <span>
-            <OwnerNameDisplay ownerObject={record}/>
+      render: (text, record) => {
+        return record.owner ? (
+          <Link to={"/manage/owners/" + record.owner.id}>
+            <OwnerNameDisplay ownerObject={record} />
+          </Link>
+        ) : (
+          <span>
+            <OwnerNameDisplay ownerObject={record} />
           </span>
-                );
-            },
-        },
-        {
-            title: t("jobs.fields.ownr_ph1"),
-            dataIndex: "ownr_ph1",
-            key: "ownr_ph1",
-            width: "12%",
-            ellipsis: true,
-            render: (text, record) => {
-                return record.ownr_ph1 ? (
-                    <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
-                ) : (
-                    t("general.labels.unknown")
-                );
-            },
-        },
-        {
-            title: t("jobs.fields.ownr_ph2"),
-            dataIndex: "ownr_ph2",
-            key: "ownr_ph2",
-            width: "12%",
-            ellipsis: true,
-            render: (text, record) => {
-                return record.ownr_ph2 ? (
-                    <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
-                ) : (
-                    t("general.labels.unknown")
-                );
-            },
-        },
-        {
-            title: t("jobs.fields.status"),
-            dataIndex: "status",
-            key: "status",
-            width: "10%",
-            ellipsis: true,
-            render: (text, record) => {
-                return record.status || t("general.labels.na");
-            },
-        },
+        );
+      }
+    },
+    {
+      title: t("jobs.fields.ownr_ph1"),
+      dataIndex: "ownr_ph1",
+      key: "ownr_ph1",
+      width: "12%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.ownr_ph1 ? <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter> : t("general.labels.unknown");
+      }
+    },
+    {
+      title: t("jobs.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      width: "12%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.ownr_ph2 ? <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter> : t("general.labels.unknown");
+      }
+    },
+    {
+      title: t("jobs.fields.status"),
+      dataIndex: "status",
+      key: "status",
+      width: "10%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.status || t("general.labels.na");
+      }
+    },
 
-        {
-            title: t("jobs.fields.vehicle"),
-            dataIndex: "vehicle",
-            key: "vehicle",
-            width: "15%",
-            ellipsis: true,
-            render: (text, record) => (
-                <Link to={"/manage/vehicles/" + record.vehicleid}>
-                    {`${record.v_model_yr || ""} ${record.v_make_desc || ""} ${
-                        record.v_model_desc || ""
-                    }`}
-                </Link>
-            ),
-        },
-        {
-            title: t("vehicles.fields.plate_no"),
-            dataIndex: "plate_no",
-            key: "plate_no",
-            width: "8%",
-            ellipsis: true,
-            render: (text, record) => {
-                return record.plate_no ? (
-                    <span>{record.plate_no}</span>
-                ) : (
-                    t("general.labels.unknown")
-                );
-            },
-        },
-        {
-            title: t("jobs.fields.clm_no"),
-            dataIndex: "clm_no",
-            key: "clm_no",
-            width: "12%",
-            ellipsis: true,
-            render: (text, record) => {
-                return record.clm_no ? (
-                    <span>{record.clm_no}</span>
-                ) : (
-                    t("general.labels.unknown")
-                );
-            },
-        },
-    ];
+    {
+      title: t("jobs.fields.vehicle"),
+      dataIndex: "vehicle",
+      key: "vehicle",
+      width: "15%",
+      ellipsis: true,
+      render: (text, record) => (
+        <Link to={"/manage/vehicles/" + record.vehicleid}>
+          {`${record.v_model_yr || ""} ${record.v_make_desc || ""} ${record.v_model_desc || ""}`}
+        </Link>
+      )
+    },
+    {
+      title: t("vehicles.fields.plate_no"),
+      dataIndex: "plate_no",
+      key: "plate_no",
+      width: "8%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.plate_no ? <span>{record.plate_no}</span> : t("general.labels.unknown");
+      }
+    },
+    {
+      title: t("jobs.fields.clm_no"),
+      dataIndex: "clm_no",
+      key: "clm_no",
+      width: "12%",
+      ellipsis: true,
+      render: (text, record) => {
+        return record.clm_no ? <span>{record.clm_no}</span> : t("general.labels.unknown");
+      }
+    }
+  ];
 
-    const handleOnRowClick = (record) => {
-        if (record) {
-            if (record.id) {
-                setSelectedJob(record.id);
-                if (record.actual_in && record.scheduled_completion) {
-                    setSchComp({
-                        ...updateSchComp,
-                        actual_in: record.actual_in,
-                        scheduled_completion: record.scheduled_completion,
-                    });
-                } else {
-                    if (record.actual_in && !record.scheduled_completion) {
-                        setSchComp({
-                            ...updateSchComp,
-                            actual_in: record.actual_in,
-                            scheduled_completion: dayjs(),
-                        });
-                    }
-                    if (!record.actual_in && record.scheduled_completion) {
-                        setSchComp({
-                            ...updateSchComp,
-                            actual_in: dayjs(),
-                            scheduled_completion: dayjs(record.scheduled_completion),
-                        });
-                    }
-                    if (!record.actual_in && !record.scheduled_completion) {
-                        setSchComp({
-                            ...updateSchComp,
-                            actual_in: dayjs(),
-                            scheduled_completion: dayjs(),
-                        });
-                    }
-                }
-                return;
-            }
+  const handleOnRowClick = (record) => {
+    if (record) {
+      if (record.id) {
+        setSelectedJob(record.id);
+        if (record.actual_in && record.scheduled_completion) {
+          setSchComp({
+            ...updateSchComp,
+            actual_in: record.actual_in,
+            scheduled_completion: record.scheduled_completion
+          });
+        } else {
+          if (record.actual_in && !record.scheduled_completion) {
+            setSchComp({
+              ...updateSchComp,
+              actual_in: record.actual_in,
+              scheduled_completion: dayjs()
+            });
+          }
+          if (!record.actual_in && record.scheduled_completion) {
+            setSchComp({
+              ...updateSchComp,
+              actual_in: dayjs(),
+              scheduled_completion: dayjs(record.scheduled_completion)
+            });
+          }
+          if (!record.actual_in && !record.scheduled_completion) {
+            setSchComp({
+              ...updateSchComp,
+              actual_in: dayjs(),
+              scheduled_completion: dayjs()
+            });
+          }
         }
-        setSelectedJob(null);
-    };
+        return;
+      }
+    }
+    setSelectedJob(null);
+  };
 
-    return (
-        <div>
-            <Table
-                title={() => (
-                    <div style={{display: "flex"}}>
-                        {t("jobs.labels.existing_jobs")}
-                        <Button
-                            onClick={() => {
-                                jobsListRefetch();
-                            }}
-                        >
-                            <SyncOutlined/>
-                        </Button>
-                        <Input
-                            value={modalSearch}
-                            onChange={(e) => {
-                                setModalSearch(e.target.value);
-                            }}
-                        />
-                    </div>
-                )}
-                pagination={{position: "bottom"}}
-                columns={columns}
-                rowKey="id"
-                loading={jobsListLoading}
-                dataSource={jobsList}
-                rowSelection={{
-                    onSelect: (props) => {
-                        setSelectedJob(props.id);
-                        if (props.actual_in && props.scheduled_completion) {
-                            setSchComp({
-                                ...updateSchComp,
-                                actual_in: props.actual_in,
-                                scheduled_completion: props.scheduled_completion,
-                            });
-                        } else {
-                            if (props.actual_in && !props.scheduled_completion) {
-                                setSchComp({
-                                    ...updateSchComp,
-                                    actual_in: props.actual_in,
-                                    scheduled_completion: dayjs(),
-                                });
-                            }
-                            if (!props.actual_in && props.scheduled_completion) {
-                                setSchComp({
-                                    ...updateSchComp,
-                                    actual_in: dayjs(),
-                                    scheduled_completion: dayjs(props.scheduled_completion),
-                                });
-                            }
-                            if (!props.actual_in && !props.scheduled_completion) {
-                                setSchComp({
-                                    ...updateSchComp,
-                                    actual_in: dayjs(),
-                                    scheduled_completion: dayjs(),
-                                });
-                            }
-                        }
-                    },
-                    type: "radio",
-                    selectedRowKeys: [selectedJob],
-                }}
-                onRow={(record, rowIndex) => {
-                    return {
-                        onClick: (event) => {
-                            handleOnRowClick(record);
-                        },
-                    };
-                }}
+  return (
+    <div>
+      <Table
+        title={() => (
+          <div style={{ display: "flex" }}>
+            {t("jobs.labels.existing_jobs")}
+            <Button
+              onClick={() => {
+                jobsListRefetch();
+              }}
+            >
+              <SyncOutlined />
+            </Button>
+            <Input
+              value={modalSearch}
+              onChange={(e) => {
+                setModalSearch(e.target.value);
+              }}
             />
-            <Divider/><Space>
-            <Checkbox
-                defaultChecked={importOptions.overrideHeader}
-                onChange={(e) =>
-                    setImportOptions({
-                        ...importOptions,
-                        overrideHeaders: e.target.checked,
-                    })
-                }
-            >
-                {t("jobs.labels.override_header")}
-            </Checkbox>
-            <Checkbox
-                checked={partsQueueToggle}
-                onChange={(e) => setPartsQueueToggle(e.target.checked)}
-            >
-                {t("bodyshop.fields.md_functionality_toggles.parts_queue_toggle")}
-            </Checkbox><Checkbox
-            checked={updateSchComp.checked}
-            onChange={(e) =>
-                setSchComp({...updateSchComp, checked: e.target.checked})
+          </div>
+        )}
+        pagination={{ position: "bottom" }}
+        columns={columns}
+        rowKey="id"
+        loading={jobsListLoading}
+        dataSource={jobsList}
+        rowSelection={{
+          onSelect: (props) => {
+            setSelectedJob(props.id);
+            if (props.actual_in && props.scheduled_completion) {
+              setSchComp({
+                ...updateSchComp,
+                actual_in: props.actual_in,
+                scheduled_completion: props.scheduled_completion
+              });
+            } else {
+              if (props.actual_in && !props.scheduled_completion) {
+                setSchComp({
+                  ...updateSchComp,
+                  actual_in: props.actual_in,
+                  scheduled_completion: dayjs()
+                });
+              }
+              if (!props.actual_in && props.scheduled_completion) {
+                setSchComp({
+                  ...updateSchComp,
+                  actual_in: dayjs(),
+                  scheduled_completion: dayjs(props.scheduled_completion)
+                });
+              }
+              if (!props.actual_in && !props.scheduled_completion) {
+                setSchComp({
+                  ...updateSchComp,
+                  actual_in: dayjs(),
+                  scheduled_completion: dayjs()
+                });
+              }
             }
+          },
+          type: "radio",
+          selectedRowKeys: [selectedJob]
+        }}
+        onRow={(record, rowIndex) => {
+          return {
+            onClick: (event) => {
+              handleOnRowClick(record);
+            }
+          };
+        }}
+      />
+      <Divider />
+      <Space>
+        <Checkbox
+          defaultChecked={importOptions.overrideHeader}
+          onChange={(e) =>
+            setImportOptions({
+              ...importOptions,
+              overrideHeaders: e.target.checked
+            })
+          }
         >
-            {t("jobs.labels.update_scheduled_completion")}
+          {t("jobs.labels.override_header")}
         </Checkbox>
-            {updateSchComp.checked === true ? (
-                <>
-                    {checkUTT === false ? (
-                        <FormDateTimePickerComponent
-                            value={updateSchComp.scheduled_completion}
-                            onChange={(e) => {
-                                setSchComp({...updateSchComp, scheduled_completion: e});
-                            }}
-                        />
-                    ) : null}
-                    <Checkbox
-                        checked={checkUTT}
-                        onChange={(e) => {
-                            setCheckUTT(e.target.checked);
-                            setSchComp({
-                                ...updateSchComp,
-                                scheduled_completion: null,
-                                automatic: true,
-                            });
-                        }}
-                    >
-                        {t("jobs.labels.calc_scheuled_completion")}
-                    </Checkbox>
-                </>
+        <Checkbox checked={partsQueueToggle} onChange={(e) => setPartsQueueToggle(e.target.checked)}>
+          {t("bodyshop.fields.md_functionality_toggles.parts_queue_toggle")}
+        </Checkbox>
+        <Checkbox
+          checked={updateSchComp.checked}
+          onChange={(e) => setSchComp({ ...updateSchComp, checked: e.target.checked })}
+        >
+          {t("jobs.labels.update_scheduled_completion")}
+        </Checkbox>
+        {updateSchComp.checked === true ? (
+          <>
+            {checkUTT === false ? (
+              <FormDateTimePickerComponent
+                value={updateSchComp.scheduled_completion}
+                onChange={(e) => {
+                  setSchComp({ ...updateSchComp, scheduled_completion: e });
+                }}
+              />
             ) : null}
-        </Space>
-        </div>
-    );
+            <Checkbox
+              checked={checkUTT}
+              onChange={(e) => {
+                setCheckUTT(e.target.checked);
+                setSchComp({
+                  ...updateSchComp,
+                  scheduled_completion: null,
+                  automatic: true
+                });
+              }}
+            >
+              {t("jobs.labels.calc_scheuled_completion")}
+            </Checkbox>
+          </>
+        ) : null}
+      </Space>
+    </div>
+  );
 }

client/src/components/jobs-find-modal/jobs-find-modal.container.jsx

@@ -1,103 +1,89 @@
-import {useQuery} from "@apollo/client";
-import {Modal} from "antd";
+import { useQuery } from "@apollo/client";
+import { Modal } from "antd";
 import React from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {QUERY_ALL_ACTIVE_JOBS} from "../../graphql/jobs.queries";
-import {selectBodyshop} from "../../redux/user/user.selectors";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import JobsFindModalComponent from "./jobs-find-modal.component";
 
 const mapStateToProps = createStructuredSelector({
-    bodyshop: selectBodyshop,
+  bodyshop: selectBodyshop
 });
 
 export default connect(
-    mapStateToProps,
-    null
+  mapStateToProps,
+  null
 )(function JobsFindModalContainer({
-                                      bodyshop,
-                                      loading,
-                                      error,
-                                      selectedJob,
-                                      setSelectedJob,
-                                      importOptionsState,
-                                      modalSearchState,
-                                      partsQueueToggle,
-                                      setPartsQueueToggle,
-                                                            updateSchComp,
-                                                            setSchComp, ...modalProps
-                                  }) {
-    const {t} = useTranslation();
+  bodyshop,
+  loading,
+  error,
+  selectedJob,
+  setSelectedJob,
+  importOptionsState,
+  modalSearchState,
+  partsQueueToggle,
+  setPartsQueueToggle,
+  updateSchComp,
+  setSchComp,
+  ...modalProps
+}) {
+  const { t } = useTranslation();
 
-    const jobsList = useQuery(QUERY_ALL_ACTIVE_JOBS, {
-        variables: {
-            statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
-        },
-        skip: !modalProps.open,
-        fetchPolicy: "network-only",
-        nextFetchPolicy: "network-only",
-    });
+  const jobsList = useQuery(QUERY_ALL_ACTIVE_JOBS, {
+    variables: {
+      statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"]
+    },
+    skip: !modalProps.open,
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only"
+  });
 
-    const modalSearch = modalSearchState[0];
+  const modalSearch = modalSearchState[0];
 
-    const jobsData =
-        jobsList.data && jobsList.data.jobs
-            ? modalSearch
-                ? jobsList.data.jobs.filter(
-                    (j) =>
-                        (j.ro_number || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.ownr_fn || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.ownr_ln || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.status || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.v_make_desc || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.v_model_desc || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.clm_no || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase()) ||
-                        (j.plate_no || "")
-                            .toLowerCase()
-                            .includes(modalSearch.toLowerCase())
-                )
-                : jobsList.data.jobs
-            : null;
+  const jobsData =
+    jobsList.data && jobsList.data.jobs
+      ? modalSearch
+        ? jobsList.data.jobs.filter(
+            (j) =>
+              (j.ro_number || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.ownr_fn || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.ownr_ln || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.status || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.v_make_desc || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.v_model_desc || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.clm_no || "").toLowerCase().includes(modalSearch.toLowerCase()) ||
+              (j.plate_no || "").toLowerCase().includes(modalSearch.toLowerCase())
+          )
+        : jobsList.data.jobs
+      : null;
 
-    return (
-        <Modal
-            title={t("jobs.labels.existing_jobs")}
-            width={"80%"}
-            destroyOnClose
-            okButtonProps={{disabled: selectedJob ? false : true}}
-            {...modalProps}
-        >
-            {loading ? <LoadingSpinner/> : null}
-            {error ? <AlertComponent message={error.message} type="error"/> : null}
-            <JobsFindModalComponent
-                selectedJob={selectedJob}
-                setSelectedJob={setSelectedJob}
-                importOptionsState={importOptionsState}
-                jobsListLoading={jobsList.loading}
-                jobsListRefetch={jobsList.refetch}
-                jobsList={jobsData}
-                modalSearchState={modalSearchState}
-                partsQueueToggle={partsQueueToggle}
-                setPartsQueueToggle={setPartsQueueToggle}
-                updateSchComp={updateSchComp}
-                setSchComp={setSchComp}/>
-        </Modal>
-    );
+  return (
+    <Modal
+      title={t("jobs.labels.existing_jobs")}
+      width={"80%"}
+      destroyOnClose
+      okButtonProps={{ disabled: selectedJob ? false : true }}
+      {...modalProps}
+    >
+      {loading ? <LoadingSpinner /> : null}
+      {error ? <AlertComponent message={error.message} type="error" /> : null}
+      <JobsFindModalComponent
+        selectedJob={selectedJob}
+        setSelectedJob={setSelectedJob}
+        importOptionsState={importOptionsState}
+        jobsListLoading={jobsList.loading}
+        jobsListRefetch={jobsList.refetch}
+        jobsList={jobsData}
+        modalSearchState={modalSearchState}
+        partsQueueToggle={partsQueueToggle}
+        setPartsQueueToggle={setPartsQueueToggle}
+        updateSchComp={updateSchComp}
+        setSchComp={setSchComp}
+      />
+    </Modal>
+  );
 });