Reformat all project files to use the prettier config file.

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

@@ -1,77 +1,74 @@
-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 BillDetailEditContainer from "../../components/bill-detail-edit/bill-detail-edit.container";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
-import {QUERY_ALL_BILLS_PAGINATED} from "../../graphql/bills.queries";
-import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
+import { QUERY_ALL_BILLS_PAGINATED } from "../../graphql/bills.queries";
+import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/application.actions";
 import BillsPageComponent from "./bills.page.component";
-import {pageLimit} from "../../utils/config";
+import { pageLimit } from "../../utils/config";
 import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
-import InstanceRenderManager from '../../utils/instanceRenderMgr';
+import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 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 BillsPageContainer({setBreadcrumbs, setSelectedHeader}) {
-    const {t} = useTranslation();
-    const searchParams = queryString.parse(useLocation().search);
-    const {page, sortcolumn, sortorder, searchObj} = searchParams;
+export function BillsPageContainer({ setBreadcrumbs, setSelectedHeader }) {
+  const { t } = useTranslation();
+  const searchParams = queryString.parse(useLocation().search);
+  const { page, sortcolumn, sortorder, searchObj } = searchParams;
 
-    useEffect(() => {
-        document.title = t("titles.bills-list",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})});
-        setSelectedHeader("bills");
-        setBreadcrumbs([
-            {link: "/manage/bills", label: t("titles.bc.bills-list")},
-        ]);
-    }, [t, setBreadcrumbs, setSelectedHeader]);
+  useEffect(() => {
+    document.title = t("titles.bills-list", {
+      app: InstanceRenderManager({
+        imex: "$t(titles.imexonline)",
+        rome: "$t(titles.romeonline)",
+        promanager: "$t(titles.promanager)"
+      })
+    });
+    setSelectedHeader("bills");
+    setBreadcrumbs([{ link: "/manage/bills", label: t("titles.bc.bills-list") }]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
 
-    const {loading, error, data, refetch} = useQuery(
-        QUERY_ALL_BILLS_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 { loading, error, data, refetch } = useQuery(QUERY_ALL_BILLS_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"
+            }
+      ]
+    }
+  });
 
-    if (error) return <AlertComponent message={error.message} type="error"/>;
-    return (
-      <FeatureWrapperComponent featureName='bills'>
-        <RbacWrapper action="bills:list">
-            <div>
-                <BillsPageComponent
-                    data={data ? data.bills : []}
-                    loading={loading}
-                    refetch={refetch}
-                    total={data ? data.bills_aggregate.aggregate.count : 0}
-                />
+  if (error) return <AlertComponent message={error.message} type="error" />;
+  return (
+    <FeatureWrapperComponent featureName="bills">
+      <RbacWrapper action="bills:list">
+        <div>
+          <BillsPageComponent
+            data={data ? data.bills : []}
+            loading={loading}
+            refetch={refetch}
+            total={data ? data.bills_aggregate.aggregate.count : 0}
+          />
 
-                <BillDetailEditContainer/>
-            </div>
-        </RbacWrapper>
-      </FeatureWrapperComponent>
-    );
+          <BillDetailEditContainer />
+        </div>
+      </RbacWrapper>
+    </FeatureWrapperComponent>
+  );
 }
 
 export default connect(null, mapDispatchToProps)(BillsPageContainer);