- the great reformat

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

client/src/pages/contracts/contracts.page.component.jsx

@@ -2,17 +2,17 @@ import React from "react";
 import ContractsList from "../../components/contracts-list/contracts-list.component";
 
 export default function ContractsPageComponent({
-  loading,
-  data,
-  refetch,
-  total,
-}) {
-  return (
-    <ContractsList
-      loading={loading}
-      contracts={data}
-      refetch={refetch}
-      total={total}
-    />
-  );
+                                                   loading,
+                                                   data,
+                                                   refetch,
+                                                   total,
+                                               }) {
+    return (
+        <ContractsList
+            loading={loading}
+            contracts={data}
+            refetch={refetch}
+            total={total}
+        />
+    );
 }

client/src/pages/contracts/contracts.page.container.jsx

@@ -1,72 +1,70 @@
-import { useQuery } from "@apollo/client";
+import {useQuery} from "@apollo/client";
 import queryString from "query-string";
-import React, { useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { connect } from "react-redux";
-import { useLocation } from "react-router-dom";
+import React, {useEffect} from "react";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {useLocation} from "react-router-dom";
 import AlertComponent from "../../components/alert/alert.component";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
-import { QUERY_ACTIVE_CONTRACTS_PAGINATED } from "../../graphql/cccontracts.queries";
-import {
-  setBreadcrumbs,
-  setSelectedHeader,
-} from "../../redux/application/application.actions";
+import {QUERY_ACTIVE_CONTRACTS_PAGINATED} from "../../graphql/cccontracts.queries";
+import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
 import ContractsPageComponent from "./contracts.page.component";
 import {pageLimit} from "../../utils/config";
 
 const mapDispatchToProps = (dispatch) => ({
-  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
-  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+    setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+    setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
 });
 
-export function ContractsPageContainer({ setBreadcrumbs, setSelectedHeader }) {
-  const searchParams = queryString.parse(useLocation().search);
-  const { search, page, sortcolumn, sortorder } = searchParams;
+export function ContractsPageContainer({setBreadcrumbs, setSelectedHeader}) {
+    const searchParams = queryString.parse(useLocation().search);
+    const {search, page, sortcolumn, sortorder} = searchParams;
 
-  const { loading, error, data, refetch } = useQuery(
-    QUERY_ACTIVE_CONTRACTS_PAGINATED,
-    {
-      fetchPolicy: "network-only",
-      nextFetchPolicy: "network-only",
-      variables: {
-        search: search || "",
-        offset: page ? (page - 1) * pageLimit : 0,
-        limit: pageLimit,
-        order: [
-          {
-            [sortcolumn || "start"]: sortorder
-              ? sortorder === "descend"
-                ? "desc"
-                : "asc"
-              : "desc",
-          },
-        ],
-      },
-    }
-  );
-  const { t } = useTranslation();
-  useEffect(() => {
-    document.title = t("titles.contracts");
-    setSelectedHeader("contracts");
-    setBreadcrumbs([
-      { link: "/manage/courtesycars", label: t("titles.bc.courtesycars") },
-      {
-        link: "/manage/courtesycars/contracts",
-        label: t("titles.bc.contracts"),
-      },
-    ]);
-  }, [setBreadcrumbs, t, setSelectedHeader]);
+    const {loading, error, data, refetch} = useQuery(
+        QUERY_ACTIVE_CONTRACTS_PAGINATED,
+        {
+            fetchPolicy: "network-only",
+            nextFetchPolicy: "network-only",
+            variables: {
+                search: search || "",
+                offset: page ? (page - 1) * pageLimit : 0,
+                limit: pageLimit,
+                order: [
+                    {
+                        [sortcolumn || "start"]: sortorder
+                            ? sortorder === "descend"
+                                ? "desc"
+                                : "asc"
+                            : "desc",
+                    },
+                ],
+            },
+        }
+    );
+    const {t} = useTranslation();
+    useEffect(() => {
+        document.title = t("titles.contracts");
+        setSelectedHeader("contracts");
+        setBreadcrumbs([
+            {link: "/manage/courtesycars", label: t("titles.bc.courtesycars")},
+            {
+                link: "/manage/courtesycars/contracts",
+                label: t("titles.bc.contracts"),
+            },
+        ]);
+    }, [setBreadcrumbs, t, setSelectedHeader]);
 
-  if (error) return <AlertComponent message={error.message} type="error" />;
-  return (
-    <RbacWrapper action="contracts:list">
-      <ContractsPageComponent
-        loading={loading}
-        refetch={refetch}
-        data={data ? data.search_cccontracts : []}
-        total={data ? data.search_cccontracts_aggregate.aggregate.count : 0}
-      />
-    </RbacWrapper>
-  );
+    if (error) return <AlertComponent message={error.message} type="error"/>;
+    return (
+        <RbacWrapper action="contracts:list">
+            <ContractsPageComponent
+                loading={loading}
+                refetch={refetch}
+                data={data ? data.search_cccontracts : []}
+                total={data ? data.search_cccontracts_aggregate.aggregate.count : 0}
+            />
+        </RbacWrapper>
+    );
 }
+
 export default connect(null, mapDispatchToProps)(ContractsPageContainer);