- the great reformat

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

client/src/components/bill-mark-exported-button/bill-mark-exported-button.component.jsx

@@ -1,101 +1,97 @@
-import { useMutation } from "@apollo/client";
-import { Button, notification } from "antd";
-import { gql } from "@apollo/client";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
+import {gql, useMutation} from "@apollo/client";
+import {Button, notification} from "antd";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {selectAuthLevel, selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
+import {HasRbacAccess} from "../rbac-wrapper/rbac-wrapper.component";
+import {INSERT_EXPORT_LOG} from "../../graphql/accounting.queries";
 
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import {
-  selectAuthLevel,
-  selectBodyshop,
-  selectCurrentUser,
-} from "../../redux/user/user.selectors";
-import { HasRbacAccess } from "../rbac-wrapper/rbac-wrapper.component";
-import { INSERT_EXPORT_LOG } from "../../graphql/accounting.queries";
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
-  authLevel: selectAuthLevel,
-  currentUser: selectCurrentUser,
+    bodyshop: selectBodyshop,
+    authLevel: selectAuthLevel,
+    currentUser: selectCurrentUser,
 });
 const mapDispatchToProps = (dispatch) => ({
-  //setUserLanguage: language => dispatch(setUserLanguage(language))
+    //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
 export default connect(
-  mapStateToProps,
-  mapDispatchToProps
+    mapStateToProps,
+    mapDispatchToProps
 )(BillMarkExportedButton);
 
 export function BillMarkExportedButton({
-  currentUser,
-  bodyshop,
-  authLevel,
-  bill,
-}) {
-  const { t } = useTranslation();
-  const [loading, setLoading] = useState(false);
-  const [insertExportLog] = useMutation(INSERT_EXPORT_LOG);
+                                           currentUser,
+                                           bodyshop,
+                                           authLevel,
+                                           bill,
+                                       }) {
+    const {t} = useTranslation();
+    const [loading, setLoading] = useState(false);
+    const [insertExportLog] = useMutation(INSERT_EXPORT_LOG);
 
-  const [updateBill] = useMutation(gql`
-    mutation UPDATE_BILL($billId: uuid!) {
-      update_bills(where: { id: { _eq: $billId } }, _set: { exported: true }) {
-        returning {
-          id
-          exported
-          exported_at
+    const [updateBill] = useMutation(gql`
+        mutation UPDATE_BILL($billId: uuid!) {
+            update_bills(where: { id: { _eq: $billId } }, _set: { exported: true }) {
+                returning {
+                    id
+                    exported
+                    exported_at
+                }
+            }
         }
-      }
-    }
-  `);
+    `);
 
-  const handleUpdate = async () => {
-    setLoading(true);
-    const result = await updateBill({
-      variables: { billId: bill.id },
+    const handleUpdate = async () => {
+        setLoading(true);
+        const result = await updateBill({
+            variables: {billId: bill.id},
+        });
+
+        await insertExportLog({
+            variables: {
+                logs: [
+                    {
+                        bodyshopid: bodyshop.id,
+                        billid: bill.id,
+                        successful: true,
+                        message: JSON.stringify([t("general.labels.markedexported")]),
+                        useremail: currentUser.email,
+                    },
+                ],
+            },
+        });
+
+        if (!result.errors) {
+            notification["success"]({
+                message: t("bills.successes.markexported"),
+            });
+        } else {
+            notification["error"]({
+                message: t("bills.errors.saving", {
+                    error: JSON.stringify(result.errors),
+                }),
+            });
+        }
+        setLoading(false);
+        //Get the owner details, populate it all back into the job.
+    };
+
+    const hasAccess = HasRbacAccess({
+        bodyshop,
+        authLevel,
+        action: "bills:reexport",
     });
 
-    await insertExportLog({
-      variables: {
-        logs: [
-          {
-            bodyshopid: bodyshop.id,
-            billid: bill.id,
-            successful: true,
-            message: JSON.stringify([t("general.labels.markedexported")]),
-            useremail: currentUser.email,
-          },
-        ],
-      },
-    });
+    if (hasAccess)
+        return (
+            <Button loading={loading} disabled={bill.exported} onClick={handleUpdate}>
+                {t("bills.labels.markexported")}
+            </Button>
+        );
 
-    if (!result.errors) {
-      notification["success"]({
-        message: t("bills.successes.markexported"),
-      });
-    } else {
-      notification["error"]({
-        message: t("bills.errors.saving", {
-          error: JSON.stringify(result.errors),
-        }),
-      });
-    }
-    setLoading(false);
-    //Get the owner details, populate it all back into the job.
-  };
-
-  const hasAccess = HasRbacAccess({
-    bodyshop,
-    authLevel,
-    action: "bills:reexport",
-  });
-
-  if (hasAccess)
-    return (
-      <Button loading={loading} disabled={bill.exported} onClick={handleUpdate}>
-        {t("bills.labels.markexported")}
-      </Button>
-    );
-
-  return <></>;
+    return <></>;
 }