- the great reformat

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

client/src/pages/payments-all/payments-all.container.page.jsx

@@ -1,78 +1,75 @@
-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 { createStructuredSelector } from "reselect";
+import React, {useEffect} from "react";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {useLocation} from "react-router-dom";
+import {createStructuredSelector} from "reselect";
 import AlertComponent from "../../components/alert/alert.component";
 import PaymentsListPaginated from "../../components/payments-list-paginated/payment-list-paginated.component";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
-import { QUERY_ALL_PAYMENTS_PAGINATED } from "../../graphql/payments.queries";
-import {
-  setBreadcrumbs,
-  setSelectedHeader,
-} from "../../redux/application/application.actions";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import {QUERY_ALL_PAYMENTS_PAGINATED} from "../../graphql/payments.queries";
+import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
+import {selectBodyshop} from "../../redux/user/user.selectors";
 import {pageLimit} from "../../utils/config";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
+    bodyshop: selectBodyshop,
 });
 
 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 AllJobs({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
-  const searchParams = queryString.parse(useLocation().search);
-  const { page, sortcolumn, sortorder, searchObj } = searchParams;
+export function AllJobs({bodyshop, setBreadcrumbs, setSelectedHeader}) {
+    const searchParams = queryString.parse(useLocation().search);
+    const {page, sortcolumn, sortorder, searchObj} = searchParams;
 
-  const { loading, error, data, refetch } = useQuery(
-    QUERY_ALL_PAYMENTS_PAGINATED,
-    {
-      fetchPolicy: "network-only",
-      nextFetchPolicy: "network-only",
-      variables: {
-        offset: page ? (page - 1) * pageLimit : 0,
-        limit: pageLimit,
-        order: [
-          searchObj
-          ? JSON.parse(searchObj)
-          : {
-            [sortcolumn || "date"]: sortorder
-              ? sortorder === "descend"
-                ? "desc"
-                : "asc"
-              : "desc",
-          },
-        ],
-      },
-    }
-  );
-  const { t } = useTranslation();
+    const {loading, error, data, refetch} = useQuery(
+        QUERY_ALL_PAYMENTS_PAGINATED,
+        {
+            fetchPolicy: "network-only",
+            nextFetchPolicy: "network-only",
+            variables: {
+                offset: page ? (page - 1) * pageLimit : 0,
+                limit: pageLimit,
+                order: [
+                    searchObj
+                        ? JSON.parse(searchObj)
+                        : {
+                            [sortcolumn || "date"]: sortorder
+                                ? sortorder === "descend"
+                                    ? "desc"
+                                    : "asc"
+                                : "desc",
+                        },
+                ],
+            },
+        }
+    );
+    const {t} = useTranslation();
 
-  useEffect(() => {
-    document.title = t("titles.payments-all");
-    setSelectedHeader("allpayments");
-    setBreadcrumbs([
-      { link: "/manage/payments", label: t("titles.bc.payments-all") },
-    ]);
-  }, [t, setBreadcrumbs, setSelectedHeader]);
+    useEffect(() => {
+        document.title = t("titles.payments-all");
+        setSelectedHeader("allpayments");
+        setBreadcrumbs([
+            {link: "/manage/payments", label: t("titles.bc.payments-all")},
+        ]);
+    }, [t, setBreadcrumbs, setSelectedHeader]);
 
-  if (error) return <AlertComponent message={error.message} type="error" />;
-  return (
-    <RbacWrapper action="payments:list">
-      <PaymentsListPaginated
-        refetch={refetch}
-        loading={loading}
-        searchParams={searchParams}
-        total={data ? data.payments_aggregate.aggregate.count : 0}
-        payments={data ? data.payments : []}
-      />
-    </RbacWrapper>
-  );
+    if (error) return <AlertComponent message={error.message} type="error"/>;
+    return (
+        <RbacWrapper action="payments:list">
+            <PaymentsListPaginated
+                refetch={refetch}
+                loading={loading}
+                searchParams={searchParams}
+                total={data ? data.payments_aggregate.aggregate.count : 0}
+                payments={data ? data.payments : []}
+            />
+        </RbacWrapper>
+    );
 }
 
 export default connect(mapStateToProps, mapDispatchToProps)(AllJobs);