Reformat all project files to use the prettier config file.

client/src/components/inventory-upsert-modal/inventory-upsert-modal.component.jsx

@@ -1,69 +1,48 @@
-import {Form, Input, Space} from "antd";
+import { Form, Input, Space } from "antd";
 import React from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {selectInventoryUpsert} from "../../redux/modals/modals.selectors";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectInventoryUpsert } from "../../redux/modals/modals.selectors";
 import FormItemCurrency from "../form-items-formatted/currency-form-item.component";
 
 const mapStateToProps = createStructuredSelector({
-    inventoryUpsertModal: selectInventoryUpsert,
+  inventoryUpsertModal: selectInventoryUpsert
 });
 const mapDispatchToProps = (dispatch) => ({
-    //setUserLanguage: language => dispatch(setUserLanguage(language))
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
-export default connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(NoteUpsertModalComponent);
+export default connect(mapStateToProps, mapDispatchToProps)(NoteUpsertModalComponent);
 
-export function NoteUpsertModalComponent({form, inventoryUpsertModal}) {
-    const {t} = useTranslation();
-    const {existingInventory} = inventoryUpsertModal.context;
+export function NoteUpsertModalComponent({ form, inventoryUpsertModal }) {
+  const { t } = useTranslation();
+  const { existingInventory } = inventoryUpsertModal.context;
 
-    return (
-        <Space wrap>
-            <Form.Item
-                label={t("billlines.fields.line_desc")}
-                rules={[{required: true}]}
-                name="line_desc"
-            >
-                <Input/>
-            </Form.Item>
-            <Form.Item label={t("inventory.fields.comment")} name="comment">
-                <Input/>
-            </Form.Item>
+  return (
+    <Space wrap>
+      <Form.Item label={t("billlines.fields.line_desc")} rules={[{ required: true }]} name="line_desc">
+        <Input />
+      </Form.Item>
+      <Form.Item label={t("inventory.fields.comment")} name="comment">
+        <Input />
+      </Form.Item>
 
-            {!existingInventory && (
-                <>
-                    <Form.Item
-                        label={t("inventory.fields.manualinvoicenumber")}
-                        name="manualinvoicenumber"
-                    >
-                        <Input/>
-                    </Form.Item>
-                    <Form.Item
-                        label={t("inventory.fields.manualvendor")}
-                        name="manualvendor"
-                    >
-                        <Input/>
-                    </Form.Item>
-                    <Form.Item
-                        rules={[{required: true}]}
-                        label={t("billlines.fields.actual_cost")}
-                        name="actual_cost"
-                    >
-                        <FormItemCurrency/>
-                    </Form.Item>
-                    <Form.Item
-                        rules={[{required: true}]}
-                        label={t("billlines.fields.actual_price")}
-                        name="actual_price"
-                    >
-                        <FormItemCurrency/>
-                    </Form.Item>
-                </>
-            )}
-        </Space>
-    );
+      {!existingInventory && (
+        <>
+          <Form.Item label={t("inventory.fields.manualinvoicenumber")} name="manualinvoicenumber">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("inventory.fields.manualvendor")} name="manualvendor">
+            <Input />
+          </Form.Item>
+          <Form.Item rules={[{ required: true }]} label={t("billlines.fields.actual_cost")} name="actual_cost">
+            <FormItemCurrency />
+          </Form.Item>
+          <Form.Item rules={[{ required: true }]} label={t("billlines.fields.actual_price")} name="actual_price">
+            <FormItemCurrency />
+          </Form.Item>
+        </>
+      )}
+    </Space>
+  );
 }

client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx

@@ -1,120 +1,108 @@
-import {useMutation} from "@apollo/client";
-import {Form, Modal, notification} from "antd";
-import React, {useEffect} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {logImEXEvent} from "../../firebase/firebase.utils";
-import {INSERT_INVENTORY_LINE, UPDATE_INVENTORY_LINE,} from "../../graphql/inventory.queries";
-import {toggleModalVisible} from "../../redux/modals/modals.actions";
-import {selectInventoryUpsert} from "../../redux/modals/modals.selectors";
-import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
+import { useMutation } from "@apollo/client";
+import { Form, Modal, notification } from "antd";
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { INSERT_INVENTORY_LINE, UPDATE_INVENTORY_LINE } from "../../graphql/inventory.queries";
+import { toggleModalVisible } from "../../redux/modals/modals.actions";
+import { selectInventoryUpsert } from "../../redux/modals/modals.selectors";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import InventoryUpsertModal from "./inventory-upsert-modal.component";
 
 const mapStateToProps = createStructuredSelector({
-    bodyshop: selectBodyshop,
-    currentUser: selectCurrentUser,
-    inventoryUpsertModal: selectInventoryUpsert,
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser,
+  inventoryUpsertModal: selectInventoryUpsert
 });
 const mapDispatchToProps = (dispatch) => ({
-    toggleModalVisible: () => dispatch(toggleModalVisible("inventoryUpsert")),
+  toggleModalVisible: () => dispatch(toggleModalVisible("inventoryUpsert"))
 });
 
-export function InventoryUpsertModalContainer({
-                                                  currentUser,
-                                                  bodyshop,
-                                                  inventoryUpsertModal,
-                                                  toggleModalVisible,
-                                              }) {
-    const {t} = useTranslation();
-    const [insertInventory] = useMutation(INSERT_INVENTORY_LINE);
-    const [updateInventoryLine] = useMutation(UPDATE_INVENTORY_LINE);
+export function InventoryUpsertModalContainer({ currentUser, bodyshop, inventoryUpsertModal, toggleModalVisible }) {
+  const { t } = useTranslation();
+  const [insertInventory] = useMutation(INSERT_INVENTORY_LINE);
+  const [updateInventoryLine] = useMutation(UPDATE_INVENTORY_LINE);
 
-    const {open, context, actions} = inventoryUpsertModal;
-    const {existingInventory} = context;
-    const {refetch} = actions;
+  const { open, context, actions } = inventoryUpsertModal;
+  const { existingInventory } = context;
+  const { refetch } = actions;
 
-    const [form] = Form.useForm();
+  const [form] = Form.useForm();
 
-    useEffect(() => {
-        //Required to prevent infinite looping.
-        if (existingInventory && open) {
-            form.setFieldsValue(existingInventory);
-        } else if (!existingInventory && open) {
-            form.resetFields();
+  useEffect(() => {
+    //Required to prevent infinite looping.
+    if (existingInventory && open) {
+      form.setFieldsValue(existingInventory);
+    } else if (!existingInventory && open) {
+      form.resetFields();
+    }
+  }, [existingInventory, form, open]);
+
+  const handleFinish = async (formValues) => {
+    const values = formValues;
+
+    if (existingInventory) {
+      logImEXEvent("inventory_update");
+
+      updateInventoryLine({
+        variables: {
+          inventoryId: existingInventory.id,
+          inventoryItem: values
         }
-    }, [existingInventory, form, open]);
+      }).then((r) => {
+        notification["success"]({
+          message: t("inventory.successes.updated")
+        });
+      });
+      // if (refetch) refetch();
+      toggleModalVisible();
+    } else {
+      logImEXEvent("inventory_insert");
 
-    const handleFinish = async (formValues) => {
-        const values = formValues;
-
-        if (existingInventory) {
-            logImEXEvent("inventory_update");
-
-            updateInventoryLine({
-                variables: {
-                    inventoryId: existingInventory.id,
-                    inventoryItem: values,
-                },
-            }).then((r) => {
-                notification["success"]({
-                    message: t("inventory.successes.updated"),
-                });
-            });
-            // if (refetch) refetch();
-            toggleModalVisible();
-        } else {
-            logImEXEvent("inventory_insert");
-
-            await insertInventory({
-                variables: {
-                    inventoryItem: {shopid: bodyshop.id, ...values},
-                },
-                update(cache, {data}) {
-                    cache.modify({
-                        fields: {
-                            inventory(existingInv) {
-                                return [...existingInv, data.insert_inventory_one];
-                            },
-                        },
-                    });
-                },
-            });
-
-            if (refetch) refetch();
-            form.resetFields();
-            toggleModalVisible();
-            notification["success"]({
-                message: t("inventory.successes.inserted"),
-            });
-        }
-    };
-
-    return (
-        <Modal
-            title={
-                existingInventory
-                    ? t("inventory.actions.edit")
-                    : t("inventory.actions.new")
+      await insertInventory({
+        variables: {
+          inventoryItem: { shopid: bodyshop.id, ...values }
+        },
+        update(cache, { data }) {
+          cache.modify({
+            fields: {
+              inventory(existingInv) {
+                return [...existingInv, data.insert_inventory_one];
+              }
             }
-            open={open}
-            okText={t("general.actions.save")}
-            onOk={() => {
-                form.submit();
-            }}
-            onCancel={() => {
-                toggleModalVisible();
-            }}
-            destroyOnClose
-        >
-            <Form form={form} onFinish={handleFinish} layout="vertical">
-                <InventoryUpsertModal form={form}/>
-            </Form>
-        </Modal>
-    );
+          });
+        }
+      });
+
+      if (refetch) refetch();
+      form.resetFields();
+      toggleModalVisible();
+      notification["success"]({
+        message: t("inventory.successes.inserted")
+      });
+    }
+  };
+
+  return (
+    <Modal
+      title={existingInventory ? t("inventory.actions.edit") : t("inventory.actions.new")}
+      open={open}
+      okText={t("general.actions.save")}
+      onOk={() => {
+        form.submit();
+      }}
+      onCancel={() => {
+        toggleModalVisible();
+      }}
+      destroyOnClose
+    >
+      <Form form={form} onFinish={handleFinish} layout="vertical">
+        <InventoryUpsertModal form={form} />
+      </Form>
+    </Modal>
+  );
 }
 
-export default connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(InventoryUpsertModalContainer);
+export default connect(mapStateToProps, mapDispatchToProps)(InventoryUpsertModalContainer);