- the great reformat

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

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

@@ -1,121 +1,121 @@
-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;
-      }
-    }
-    setSelectedOwner(null);
-  };
+    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);
-            },
-          };
-        }}
-      />
-      <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>
-  );
+    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>
+    );
 }

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

@@ -1,76 +1,76 @@
-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>
+    );
 }