- the great reformat

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

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>
+    );
 }