Reformat all project files to use the prettier config file.

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

@@ -1,216 +1,207 @@
-import {SyncOutlined} from "@ant-design/icons";
-import {useQuery} from "@apollo/client";
-import {Button, Card, Input, Space, Table, Typography} from "antd";
+import { SyncOutlined } from "@ant-design/icons";
+import { useQuery } from "@apollo/client";
+import { Button, Card, Input, Space, Table, Typography } from "antd";
 import _ from "lodash";
 import queryString from "query-string";
 import React from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {useLocation, useNavigate} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { useLocation, useNavigate } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import AlertComponent from "../../components/alert/alert.component";
-import {QUERY_PHONEBOOK_PAGINATED} from "../../graphql/phonebook.queries";
-import {selectAuthLevel, selectBodyshop,} from "../../redux/user/user.selectors";
+import { QUERY_PHONEBOOK_PAGINATED } from "../../graphql/phonebook.queries";
+import { selectAuthLevel, selectBodyshop } from "../../redux/user/user.selectors";
 import ChatOpenButton from "../../components/chat-open-button/chat-open-button.component";
-import {alphaSort} from "../../utils/sorters";
-import {HasRbacAccess} from "../../components/rbac-wrapper/rbac-wrapper.component";
-import {pageLimit} from "../../utils/config";
+import { alphaSort } from "../../utils/sorters";
+import { HasRbacAccess } from "../../components/rbac-wrapper/rbac-wrapper.component";
+import { pageLimit } from "../../utils/config";
 
 const mapStateToProps = createStructuredSelector({
-    bodyshop: selectBodyshop,
-    authLevel: selectAuthLevel,
+  bodyshop: selectBodyshop,
+  authLevel: selectAuthLevel
 });
 
-export function PhonebookPageComponent({bodyshop, authLevel}) {
-    const searchParams = queryString.parse(useLocation().search);
-    const {page, sortcolumn, sortorder, search, phonebookentry} = searchParams;
-    const history = useNavigate();
+export function PhonebookPageComponent({ bodyshop, authLevel }) {
+  const searchParams = queryString.parse(useLocation().search);
+  const { page, sortcolumn, sortorder, search, phonebookentry } = searchParams;
+  const history = useNavigate();
 
-    const {loading, error, data, refetch} = useQuery(
-        QUERY_PHONEBOOK_PAGINATED,
+  const { loading, error, data, refetch } = useQuery(QUERY_PHONEBOOK_PAGINATED, {
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only",
+    variables: {
+      search: search || "",
+      offset: page ? (page - 1) * pageLimit : 0,
+      limit: pageLimit,
+      order: [
         {
-            fetchPolicy: "network-only",
-            nextFetchPolicy: "network-only",
-            variables: {
-                search: search || "",
-                offset: page ? (page - 1) * pageLimit : 0,
-                limit: pageLimit,
-                order: [
-                    {
-                        [sortcolumn || "lastname"]: sortorder
-                            ? sortorder === "descend"
-                                ? "desc"
-                                : "asc"
-                            : "asc",
-                    },
-                ],
-            },
+          [sortcolumn || "lastname"]: sortorder ? (sortorder === "descend" ? "desc" : "asc") : "asc"
         }
-    );
+      ]
+    }
+  });
 
-    const {t} = useTranslation();
+  const { t } = useTranslation();
 
-    if (error) return <AlertComponent message={error.message} type="error"/>;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
-    const handleTableChange = (pagination, filters, sorter) => {
-        searchParams.page = pagination.current;
-        searchParams.sortcolumn = sorter.columnKey;
-        searchParams.sortorder = sorter.order;
-        if (filters.status) {
-            searchParams.statusFilters = JSON.stringify(
-                _.flattenDeep(filters.status)
-            );
-        } else {
-            delete searchParams.statusFilters;
-        }
-        history({search: queryString.stringify(searchParams)});
-    };
+  const handleTableChange = (pagination, filters, sorter) => {
+    searchParams.page = pagination.current;
+    searchParams.sortcolumn = sorter.columnKey;
+    searchParams.sortorder = sorter.order;
+    if (filters.status) {
+      searchParams.statusFilters = JSON.stringify(_.flattenDeep(filters.status));
+    } else {
+      delete searchParams.statusFilters;
+    }
+    history({ search: queryString.stringify(searchParams) });
+  };
 
-    const columns = [
-        {
-            title: t("phonebook.fields.firstname"),
-            dataIndex: "firstname",
-            key: "firstname",
-            sorter: (a, b) => alphaSort(a.firstname, b.firstname),
-            sortOrder: sortcolumn === "firstname" && sortorder,
-        },
-        {
-            title: t("phonebook.fields.lastname"),
-            dataIndex: "lastname",
-            key: "lastname",
-            sorter: (a, b) => alphaSort(a.lastname, b.lastname),
-            sortOrder: sortcolumn === "lastname" && sortorder,
-        },
-        {
-            title: t("phonebook.fields.company"),
-            dataIndex: "company",
-            key: "company",
-            sorter: (a, b) => alphaSort(a.company, b.company),
-            sortOrder: sortcolumn === "company" && sortorder,
-        },
-        {
-            title: t("phonebook.fields.category"),
-            dataIndex: "category",
-            key: "category",
-            sorter: (a, b) => alphaSort(a.category, b.category),
-            sortOrder: sortcolumn === "category" && sortorder,
-        },
-        {
-            title: t("phonebook.fields.email"),
-            dataIndex: "email",
-            key: "email",
-        },
-        {
-            title: t("phonebook.fields.phone1"),
-            dataIndex: "phone1",
-            key: "phone1",
-            render: (text, record) => <ChatOpenButton phone={text}/>,
-        },
-        {
-            title: t("phonebook.fields.phone2"),
-            dataIndex: "phone2",
-            key: "phone2",
-            render: (text, record) => <ChatOpenButton phone={text}/>,
-        },
-        {
-            title: t("phonebook.fields.address1"),
-            dataIndex: "address1",
-            key: "address1",
-        },
-        {
-            title: t("phonebook.fields.city"),
-            dataIndex: "city",
-            key: "city",
-        },
-    ];
+  const columns = [
+    {
+      title: t("phonebook.fields.firstname"),
+      dataIndex: "firstname",
+      key: "firstname",
+      sorter: (a, b) => alphaSort(a.firstname, b.firstname),
+      sortOrder: sortcolumn === "firstname" && sortorder
+    },
+    {
+      title: t("phonebook.fields.lastname"),
+      dataIndex: "lastname",
+      key: "lastname",
+      sorter: (a, b) => alphaSort(a.lastname, b.lastname),
+      sortOrder: sortcolumn === "lastname" && sortorder
+    },
+    {
+      title: t("phonebook.fields.company"),
+      dataIndex: "company",
+      key: "company",
+      sorter: (a, b) => alphaSort(a.company, b.company),
+      sortOrder: sortcolumn === "company" && sortorder
+    },
+    {
+      title: t("phonebook.fields.category"),
+      dataIndex: "category",
+      key: "category",
+      sorter: (a, b) => alphaSort(a.category, b.category),
+      sortOrder: sortcolumn === "category" && sortorder
+    },
+    {
+      title: t("phonebook.fields.email"),
+      dataIndex: "email",
+      key: "email"
+    },
+    {
+      title: t("phonebook.fields.phone1"),
+      dataIndex: "phone1",
+      key: "phone1",
+      render: (text, record) => <ChatOpenButton phone={text} />
+    },
+    {
+      title: t("phonebook.fields.phone2"),
+      dataIndex: "phone2",
+      key: "phone2",
+      render: (text, record) => <ChatOpenButton phone={text} />
+    },
+    {
+      title: t("phonebook.fields.address1"),
+      dataIndex: "address1",
+      key: "address1"
+    },
+    {
+      title: t("phonebook.fields.city"),
+      dataIndex: "city",
+      key: "city"
+    }
+  ];
 
-    const handleNewPhonebook = () => {
-        searchParams.phonebookentry = "new";
-        history({search: queryString.stringify(searchParams)});
-    };
+  const handleNewPhonebook = () => {
+    searchParams.phonebookentry = "new";
+    history({ search: queryString.stringify(searchParams) });
+  };
 
-    const handleOnRowClick = (record) => {
-        if (record) {
-            searchParams.phonebookentry = record.id;
-            history({search: queryString.stringify(searchParams)});
-        } else {
-            delete searchParams.phonebookentry;
-            history({search: queryString.stringify(searchParams)});
-        }
-    };
-    const hasNoAccess = !HasRbacAccess({
-        bodyshop,
-        authLevel,
-        action: "phonebook:edit",
-    });
+  const handleOnRowClick = (record) => {
+    if (record) {
+      searchParams.phonebookentry = record.id;
+      history({ search: queryString.stringify(searchParams) });
+    } else {
+      delete searchParams.phonebookentry;
+      history({ search: queryString.stringify(searchParams) });
+    }
+  };
+  const hasNoAccess = !HasRbacAccess({
+    bodyshop,
+    authLevel,
+    action: "phonebook:edit"
+  });
 
-    return (
-        <Card
-            extra={
-                <Space wrap>
-                    {searchParams.search && (
-                        <>
-                            <Typography.Title level={4}>
-                                {t("general.labels.searchresults", {
-                                    search: searchParams.search,
-                                })}
-                            </Typography.Title>
-                            <Button
-                                onClick={() => {
-                                    delete searchParams.search;
-                                    searchParams.page = 1;
-                                    history({search: queryString.stringify(searchParams)});
-                                }}
-                            >
-                                {t("general.actions.clear")}
-                            </Button>
-                        </>
-                    )}
-                    <Button disabled={hasNoAccess} onClick={handleNewPhonebook}>
-                        {t("phonebook.actions.new")}
-                    </Button>
-                    <Button onClick={() => refetch()}>
-                        <SyncOutlined/>
-                    </Button>
-                    <Input.Search
-                        placeholder={searchParams.search || t("general.labels.search")}
-                        onSearch={(value) => {
-                            searchParams.search = value;
-                            searchParams.page = 1;
-                            history({search: queryString.stringify(searchParams)});
-                        }}
-                    />
-                </Space>
+  return (
+    <Card
+      extra={
+        <Space wrap>
+          {searchParams.search && (
+            <>
+              <Typography.Title level={4}>
+                {t("general.labels.searchresults", {
+                  search: searchParams.search
+                })}
+              </Typography.Title>
+              <Button
+                onClick={() => {
+                  delete searchParams.search;
+                  searchParams.page = 1;
+                  history({ search: queryString.stringify(searchParams) });
+                }}
+              >
+                {t("general.actions.clear")}
+              </Button>
+            </>
+          )}
+          <Button disabled={hasNoAccess} onClick={handleNewPhonebook}>
+            {t("phonebook.actions.new")}
+          </Button>
+          <Button onClick={() => refetch()}>
+            <SyncOutlined />
+          </Button>
+          <Input.Search
+            placeholder={searchParams.search || t("general.labels.search")}
+            onSearch={(value) => {
+              searchParams.search = value;
+              searchParams.page = 1;
+              history({ search: queryString.stringify(searchParams) });
+            }}
+          />
+        </Space>
+      }
+    >
+      <Table
+        loading={loading}
+        pagination={{
+          position: "top",
+          pageSize: pageLimit,
+          current: parseInt(page || 1),
+          total: data && data.search_phonebook_aggregate.aggregate.count
+        }}
+        columns={columns}
+        rowKey="id"
+        dataSource={data && data.search_phonebook}
+        //scroll={{ x: true }}
+        onChange={handleTableChange}
+        rowSelection={{
+          onSelect: handleOnRowClick,
+          type: "radio",
+          selectedRowKeys: [phonebookentry]
+        }}
+        onRow={(record, rowIndex) => {
+          return {
+            onClick: (event) => {
+              handleOnRowClick(record);
             }
-        >
-            <Table
-                loading={loading}
-                pagination={{
-                    position: "top",
-                    pageSize: pageLimit,
-                    current: parseInt(page || 1),
-                    total: data && data.search_phonebook_aggregate.aggregate.count,
-                }}
-                columns={columns}
-                rowKey="id"
-                dataSource={data && data.search_phonebook}
-                //scroll={{ x: true }}
-                onChange={handleTableChange}
-                rowSelection={{
-                    onSelect: handleOnRowClick,
-                    type: "radio",
-                    selectedRowKeys: [phonebookentry],
-                }}
-                onRow={(record, rowIndex) => {
-                    return {
-                        onClick: (event) => {
-                            handleOnRowClick(record);
-                        },
-                    };
-                }}
-            />
-        </Card>
-    );
+          };
+        }}
+      />
+    </Card>
+  );
 }
 
 export default connect(mapStateToProps, null)(PhonebookPageComponent);

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

@@ -1,70 +1,74 @@
-import React, {useEffect} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
 import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
-import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
+import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/application.actions";
 import PhonebookPage from "./phonebook.page.component";
-import {Drawer, Grid} from "antd";
-import {useLocation, useNavigate} from "react-router-dom";
+import { Drawer, Grid } from "antd";
+import { useLocation, useNavigate } from "react-router-dom";
 import PhonebookFormContainer from "../../components/phonebook-form/phonebook-form.container";
 import queryString from "query-string";
-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 PhonebookContainer({setBreadcrumbs, setSelectedHeader}) {
-    const {t} = useTranslation();
+export function PhonebookContainer({ setBreadcrumbs, setSelectedHeader }) {
+  const { t } = useTranslation();
 
-    useEffect(() => {
-        document.title = t("titles.phonebook", {app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})}        );
-        setSelectedHeader("phonebook");
-        setBreadcrumbs([
-            {
-                link: "/manage/phonebook",
-                label: t("titles.bc.phonebook"),
-            },
-        ]);
-    }, [setBreadcrumbs, t, setSelectedHeader]);
+  useEffect(() => {
+    document.title = t("titles.phonebook", {
+      app: InstanceRenderManager({
+        imex: "$t(titles.imexonline)",
+        rome: "$t(titles.romeonline)",
+        promanager: "$t(titles.promanager)"
+      })
+    });
+    setSelectedHeader("phonebook");
+    setBreadcrumbs([
+      {
+        link: "/manage/phonebook",
+        label: t("titles.bc.phonebook")
+      }
+    ]);
+  }, [setBreadcrumbs, t, setSelectedHeader]);
 
-    const search = queryString.parse(useLocation().search);
-    const {phonebookentry} = search;
+  const search = queryString.parse(useLocation().search);
+  const { phonebookentry } = search;
 
-    const navigate = useNavigate();
+  const navigate = useNavigate();
 
-    const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
-        .filter((screen) => !!screen[1])
-        .slice(-1)[0];
+  const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
+    .filter((screen) => !!screen[1])
+    .slice(-1)[0];
 
-    const bpoints = {
-        xs: "100%",
-        sm: "100%",
-        md: "100%",
-        lg: "50%",
-        xl: "50%",
-        xxl: "45%",
-    };
-    const drawerPercentage = selectedBreakpoint
-        ? bpoints[selectedBreakpoint[0]]
-        : "100%";
+  const bpoints = {
+    xs: "100%",
+    sm: "100%",
+    md: "100%",
+    lg: "50%",
+    xl: "50%",
+    xxl: "45%"
+  };
+  const drawerPercentage = selectedBreakpoint ? bpoints[selectedBreakpoint[0]] : "100%";
 
-    return (
-        (<RbacWrapper action="phonebook:view">
-            <PhonebookPage/>
-            <Drawer
-                width={drawerPercentage}
-                onClose={() => {
-                    delete search.phonebookentry;
-                    navigate({search: queryString.stringify(search)});
-                }}
-                open={phonebookentry}
-            >
-                <PhonebookFormContainer/>
-            </Drawer>
-        </RbacWrapper>)
-    );
+  return (
+    <RbacWrapper action="phonebook:view">
+      <PhonebookPage />
+      <Drawer
+        width={drawerPercentage}
+        onClose={() => {
+          delete search.phonebookentry;
+          navigate({ search: queryString.stringify(search) });
+        }}
+        open={phonebookentry}
+      >
+        <PhonebookFormContainer />
+      </Drawer>
+    </RbacWrapper>
+  );
 }
 
 export default connect(null, mapDispatchToProps)(PhonebookContainer);