Reformat all project files to use the prettier config file.

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

@@ -1,121 +1,109 @@
-import {Checkbox, Divider, Table} from "antd";
+import { Checkbox, Divider, Table } from "antd";
 import React from "react";
-import {useTranslation} from "react-i18next";
+import { useTranslation } from "react-i18next";
 import PhoneFormatter from "../../utils/PhoneFormatter";
 
 export default function OwnerFindModalComponent({
-                                                    selectedOwner,
-                                                    setSelectedOwner,
-                                                    ownersListLoading,
-                                                    ownersList,
-                                                    partsQueueToggle,
-                                                    setPartsQueueToggle,
-                                                }) {
-    //setSelectedOwner is used to set the record id of the owner to use for adding the job.
-    const {t} = useTranslation();
-    const columns = [
-        {
-            title: t("owners.fields.ownr_ln"),
-            dataIndex: "ownr_ln",
-            key: "ownr_ln",
-        },
-        {
-            title: t("owners.fields.ownr_fn"),
-            dataIndex: "ownr_fn",
-            key: "ownr_fn",
-        },
-        {
-            title: t("owners.fields.ownr_co_nm"),
-            dataIndex: "ownr_co_nm",
-            key: "ownr_co_nm",
-        },
-        {
-            title: t("owners.fields.ownr_addr1"),
-            dataIndex: "ownr_addr1",
-            key: "ownr_addr1",
-        },
-        {
-            title: t("owners.fields.ownr_city"),
-            dataIndex: "ownr_city",
-            key: "ownr_city",
-        },
-        {
-            title: t("owners.fields.ownr_ea"),
-            dataIndex: "ownr_ea",
-            key: "ownr_ea",
-        },
-        {
-            title: t("owners.fields.ownr_ph1"),
-            dataIndex: "ownr_ph1",
-            key: "ownr_ph1",
-            render: (text, record) => (
-                <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
-            ),
-        },
-        {
-            title: t("owners.fields.ownr_ph2"),
-            dataIndex: "ownr_ph2",
-            key: "ownr_ph2",
-            render: (text, record) => (
-                <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
-            ),
-        },
-        {
-            title: t("owners.fields.note"),
-            dataIndex: "note",
-            key: "note",
-            render: (text, record) => (
-                <span style={{whiteSpace: "pre"}}>{record.note}</span>
-            ),
-        },
-    ];
+  selectedOwner,
+  setSelectedOwner,
+  ownersListLoading,
+  ownersList,
+  partsQueueToggle,
+  setPartsQueueToggle
+}) {
+  //setSelectedOwner is used to set the record id of the owner to use for adding the job.
+  const { t } = useTranslation();
+  const columns = [
+    {
+      title: t("owners.fields.ownr_ln"),
+      dataIndex: "ownr_ln",
+      key: "ownr_ln"
+    },
+    {
+      title: t("owners.fields.ownr_fn"),
+      dataIndex: "ownr_fn",
+      key: "ownr_fn"
+    },
+    {
+      title: t("owners.fields.ownr_co_nm"),
+      dataIndex: "ownr_co_nm",
+      key: "ownr_co_nm"
+    },
+    {
+      title: t("owners.fields.ownr_addr1"),
+      dataIndex: "ownr_addr1",
+      key: "ownr_addr1"
+    },
+    {
+      title: t("owners.fields.ownr_city"),
+      dataIndex: "ownr_city",
+      key: "ownr_city"
+    },
+    {
+      title: t("owners.fields.ownr_ea"),
+      dataIndex: "ownr_ea",
+      key: "ownr_ea"
+    },
+    {
+      title: t("owners.fields.ownr_ph1"),
+      dataIndex: "ownr_ph1",
+      key: "ownr_ph1",
+      render: (text, record) => <PhoneFormatter>{record.ownr_ph1}</PhoneFormatter>
+    },
+    {
+      title: t("owners.fields.ownr_ph2"),
+      dataIndex: "ownr_ph2",
+      key: "ownr_ph2",
+      render: (text, record) => <PhoneFormatter>{record.ownr_ph2}</PhoneFormatter>
+    },
+    {
+      title: t("owners.fields.note"),
+      dataIndex: "note",
+      key: "note",
+      render: (text, record) => <span style={{ whiteSpace: "pre" }}>{record.note}</span>
+    }
+  ];
 
-    const handleOnRowClick = (record) => {
-        if (record) {
-            if (record.id) {
-                setSelectedOwner(record.id);
-                return;
+  const handleOnRowClick = (record) => {
+    if (record) {
+      if (record.id) {
+        setSelectedOwner(record.id);
+        return;
+      }
+    }
+    setSelectedOwner(null);
+  };
+
+  return (
+    <div>
+      <Table
+        pagination={{ position: "bottom" }}
+        columns={columns}
+        rowKey="id"
+        loading={ownersListLoading}
+        dataSource={ownersList}
+        rowSelection={{
+          onSelect: (props) => {
+            setSelectedOwner(props.id);
+          },
+          type: "radio",
+          selectedRowKeys: [selectedOwner]
+        }}
+        onRow={(record, rowIndex) => {
+          return {
+            onClick: (event) => {
+              handleOnRowClick(record);
             }
-        }
-        setSelectedOwner(null);
-    };
-
-    return (
-        <div>
-            <Table
-                pagination={{position: "bottom"}}
-                columns={columns}
-                rowKey="id"
-                loading={ownersListLoading}
-                dataSource={ownersList}
-                rowSelection={{
-                    onSelect: (props) => {
-                        setSelectedOwner(props.id);
-                    },
-                    type: "radio",
-                    selectedRowKeys: [selectedOwner],
-                }}
-                onRow={(record, rowIndex) => {
-                    return {
-                        onClick: (event) => {
-                            handleOnRowClick(record);
-                        },
-                    };
-                }}
-            />
-            <Divider/>
-            <Checkbox
-                checked={selectedOwner ? false : true}
-                onClick={() => setSelectedOwner(null)}
-            >
-                {t("owners.labels.create_new")}
-            </Checkbox>
-            <Checkbox
-                checked={partsQueueToggle}
-                onChange={(e) => setPartsQueueToggle(e.target.checked)}
-            >
-                {t("bodyshop.fields.md_functionality_toggles.parts_queue_toggle")}
-            </Checkbox>
-        </div>
-    );
+          };
+        }}
+      />
+      <Divider />
+      <Checkbox checked={selectedOwner ? false : true} onClick={() => setSelectedOwner(null)}>
+        {t("owners.labels.create_new")}
+      </Checkbox>
+      <Checkbox checked={partsQueueToggle} onChange={(e) => setPartsQueueToggle(e.target.checked)}>
+        {t("bodyshop.fields.md_functionality_toggles.parts_queue_toggle")}
+      </Checkbox>
+    </div>
+  );
 }

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

@@ -1,76 +1,63 @@
-import {useLazyQuery} from "@apollo/client";
-import {Input, Modal} from "antd";
-import React, {useEffect, useState} from "react";
-import {useTranslation} from "react-i18next";
-import {QUERY_SEARCH_OWNER_BY_IDX} from "../../graphql/owners.queries";
+import { useLazyQuery } from "@apollo/client";
+import { Input, Modal } from "antd";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { QUERY_SEARCH_OWNER_BY_IDX } from "../../graphql/owners.queries";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import OwnerFindModalComponent from "./owner-find-modal.component";
-import {OwnerNameDisplayFunction} from "../owner-name-display/owner-name-display.component";
+import { OwnerNameDisplayFunction } from "../owner-name-display/owner-name-display.component";
 
 export default function OwnerFindModalContainer({
-                                                    loading,
-                                                    error,
-                                                    owner,
-                                                    selectedOwner,
-                                                    setSelectedOwner,
-                                                    partsQueueToggle,
-                                                    setPartsQueueToggle,
-                                                    ...modalProps
-                                                }) {
-    //use owner object to run query and find what possible owners there are.
-    const {t} = useTranslation();
-    const [searchText, setSearchText] = useState(null);
+  loading,
+  error,
+  owner,
+  selectedOwner,
+  setSelectedOwner,
+  partsQueueToggle,
+  setPartsQueueToggle,
+  ...modalProps
+}) {
+  //use owner object to run query and find what possible owners there are.
+  const { t } = useTranslation();
+  const [searchText, setSearchText] = useState(null);
 
-    const [callSearchowners, ownersList] = useLazyQuery(
-        QUERY_SEARCH_OWNER_BY_IDX,
-        {
-            variables: {
-                search: searchText,
-            },
-        }
-    );
+  const [callSearchowners, ownersList] = useLazyQuery(QUERY_SEARCH_OWNER_BY_IDX, {
+    variables: {
+      search: searchText
+    }
+  });
 
-    useEffect(() => {
-        if (modalProps.open && owner) {
-            const s = OwnerNameDisplayFunction(owner, true);
+  useEffect(() => {
+    if (modalProps.open && owner) {
+      const s = OwnerNameDisplayFunction(owner, true);
 
-            setSearchText(s.trim());
-            callSearchowners({variables: {search: s.trim()}});
-        }
-    }, [callSearchowners, modalProps.open, owner]);
+      setSearchText(s.trim());
+      callSearchowners({ variables: { search: s.trim() } });
+    }
+  }, [callSearchowners, modalProps.open, owner]);
 
-    return (
-        <Modal
-            title={t("owners.labels.existing_owners")}
-            width={"80%"}
-            {...modalProps}
-        >
-            {loading ? <LoadingSpinner/> : null}
-            {error ? <AlertComponent message={error.message} type="error"/> : null}
-            {owner ? (
-                <>
-                    <Input.Search
-                        value={searchText}
-                        onChange={(e) => setSearchText(e.target.value)}
-                        onSearch={(val) =>
-                            callSearchowners({variables: {search: val.trim()}})
-                        }
-                    />
-                    <OwnerFindModalComponent
-                        selectedOwner={selectedOwner}
-                        setSelectedOwner={setSelectedOwner}
-                        ownersListLoading={ownersList.loading}
-                        partsQueueToggle={partsQueueToggle}
-                        setPartsQueueToggle={setPartsQueueToggle}
-                        ownersList={
-                            ownersList.data && ownersList.data.search_owners
-                                ? ownersList.data.search_owners
-                                : null
-                        }
-                    />
-                </>
-            ) : null}
-        </Modal>
-    );
+  return (
+    <Modal title={t("owners.labels.existing_owners")} width={"80%"} {...modalProps}>
+      {loading ? <LoadingSpinner /> : null}
+      {error ? <AlertComponent message={error.message} type="error" /> : null}
+      {owner ? (
+        <>
+          <Input.Search
+            value={searchText}
+            onChange={(e) => setSearchText(e.target.value)}
+            onSearch={(val) => callSearchowners({ variables: { search: val.trim() } })}
+          />
+          <OwnerFindModalComponent
+            selectedOwner={selectedOwner}
+            setSelectedOwner={setSelectedOwner}
+            ownersListLoading={ownersList.loading}
+            partsQueueToggle={partsQueueToggle}
+            setPartsQueueToggle={setPartsQueueToggle}
+            ownersList={ownersList.data && ownersList.data.search_owners ? ownersList.data.search_owners : null}
+          />
+        </>
+      ) : null}
+    </Modal>
+  );
 }