- the great reformat

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

client/src/pages/shop-vendor/shop-vendor.page.component.jsx

@@ -1,12 +1,12 @@
-import { Drawer, Grid } from "antd";
+import {Drawer, Grid} from "antd";
 import React from "react";
-import { useNavigate, useSearchParams } from "react-router-dom";
+import {useNavigate, useSearchParams} from "react-router-dom";
 import VendorsFormContainer from "../../components/vendors-form/vendors-form.container";
 import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
 
 export default function ShopVendorPageComponent() {
     const [searchParams] = useSearchParams();
-    const { selectedvendor } = Object.fromEntries(searchParams);
+    const {selectedvendor} = Object.fromEntries(searchParams);
     const navigate = useNavigate();
 
     const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
@@ -27,16 +27,16 @@ export default function ShopVendorPageComponent() {
 
     return (
         (<div>
-            <VendorsListContainer />
+            <VendorsListContainer/>
             <Drawer
                 width={drawerPercentage}
                 onClose={() => {
                     searchParams.delete("selectedvendor");
-                    navigate({ search: searchParams.toString() });
+                    navigate({search: searchParams.toString()});
                 }}
                 open={selectedvendor}
             >
-                <VendorsFormContainer />
+                <VendorsFormContainer/>
             </Drawer>
         </div>)
     );

client/src/pages/shop-vendor/shop-vendor.page.container.jsx

@@ -1,48 +1,47 @@
-import React, { useEffect } from "react";
-import { useTranslation } from "react-i18next";
+import React, {useEffect} from "react";
+import {useTranslation} from "react-i18next";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
 import ShopVendorPageComponent from "./shop-vendor.page.component";
 
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { selectBodyshop } from "../../redux/user/user.selectors";
-import {
-  setBreadcrumbs,
-  setSelectedHeader,
-} from "../../redux/application/application.actions";
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {selectBodyshop} from "../../redux/user/user.selectors";
+import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
+
 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 ShopVendorPageContainer({
-  bodyshop,
-  setBreadcrumbs,
-  setSelectedHeader,
-}) {
-  const { t } = useTranslation();
-  useEffect(() => {
-    document.title = t("titles.shop_vendors");
-    setSelectedHeader("shop-vendors");
-    setBreadcrumbs([
-      {
-        link: "/manage/shop",
-        label: t("titles.bc.shop", { shopname: bodyshop.shopname }),
-      },
-      { link: "/manage/shop/vendors", label: t("titles.bc.shop-vendors") },
-    ]);
-  }, [t, bodyshop.shopname, setBreadcrumbs, setSelectedHeader]);
+                                            bodyshop,
+                                            setBreadcrumbs,
+                                            setSelectedHeader,
+                                        }) {
+    const {t} = useTranslation();
+    useEffect(() => {
+        document.title = t("titles.shop_vendors");
+        setSelectedHeader("shop-vendors");
+        setBreadcrumbs([
+            {
+                link: "/manage/shop",
+                label: t("titles.bc.shop", {shopname: bodyshop.shopname}),
+            },
+            {link: "/manage/shop/vendors", label: t("titles.bc.shop-vendors")},
+        ]);
+    }, [t, bodyshop.shopname, setBreadcrumbs, setSelectedHeader]);
 
-  return (
-    <RbacWrapper action="shop:vendors">
-      <ShopVendorPageComponent />
-    </RbacWrapper>
-  );
+    return (
+        <RbacWrapper action="shop:vendors">
+            <ShopVendorPageComponent/>
+        </RbacWrapper>
+    );
 }
+
 export default connect(
-  mapStateToProps,
-  mapDispatchToProps
+    mapStateToProps,
+    mapDispatchToProps
 )(ShopVendorPageContainer);