- the great reformat

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

client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx

@@ -1,91 +1,92 @@
-import { useMutation } from "@apollo/client";
-import { Button, Form, notification, Popover, Spin } from "antd";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { logImEXEvent } from "../../firebase/firebase.utils";
-import { MUTATION_UPDATE_BO_ETA } from "../../graphql/parts-orders.queries";
-import { selectBodyshop } from "../../redux/user/user.selectors";
-import { DateFormatter } from "../../utils/DateFormatter";
+import {useMutation} from "@apollo/client";
+import {Button, Form, notification, Popover, Spin} from "antd";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {logImEXEvent} from "../../firebase/firebase.utils";
+import {MUTATION_UPDATE_BO_ETA} from "../../graphql/parts-orders.queries";
+import {selectBodyshop} from "../../redux/user/user.selectors";
+import {DateFormatter} from "../../utils/DateFormatter";
 import FormDatePicker from "../form-date-picker/form-date-picker.component";
-import { CalendarFilled } from "@ant-design/icons";
+import {CalendarFilled} from "@ant-design/icons";
+
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
+    bodyshop: selectBodyshop,
 });
 
 export function PartsOrderBackorderEta({
-  backordered_eta,
-  partsOrderStatus,
-  partsLineId,
-  jobLineId,
-  disabled,
-  bodyshop,
-}) {
-  const [visibility, setVisibility] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [updateBoDate] = useMutation(MUTATION_UPDATE_BO_ETA);
-  const { t } = useTranslation();
-  const [form] = Form.useForm();
+                                           backordered_eta,
+                                           partsOrderStatus,
+                                           partsLineId,
+                                           jobLineId,
+                                           disabled,
+                                           bodyshop,
+                                       }) {
+    const [visibility, setVisibility] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [updateBoDate] = useMutation(MUTATION_UPDATE_BO_ETA);
+    const {t} = useTranslation();
+    const [form] = Form.useForm();
 
-  const isAlreadyBackordered =
-    bodyshop.md_order_statuses.default_bo === partsOrderStatus;
+    const isAlreadyBackordered =
+        bodyshop.md_order_statuses.default_bo === partsOrderStatus;
 
-  const handleFinish = async (values) => {
-    setLoading(true);
-    logImEXEvent("job_parts_backorder_update_eta");
+    const handleFinish = async (values) => {
+        setLoading(true);
+        logImEXEvent("job_parts_backorder_update_eta");
 
-    const result = await updateBoDate({
-      variables: {
-        partsLineId,
-        partsOrder: { backordered_eta: values.eta },
-      },
-    });
+        const result = await updateBoDate({
+            variables: {
+                partsLineId,
+                partsOrder: {backordered_eta: values.eta},
+            },
+        });
 
-    if (!!result.errors) {
-      notification["error"]({
-        message: t("parts_orders.errors.backordering", {
-          message: JSON.stringify(result.errors),
-        }),
-      });
-    }
+        if (!!result.errors) {
+            notification["error"]({
+                message: t("parts_orders.errors.backordering", {
+                    message: JSON.stringify(result.errors),
+                }),
+            });
+        }
 
-    setVisibility(false);
-    setLoading(false);
-  };
+        setVisibility(false);
+        setLoading(false);
+    };
 
-  const handlePopover = (e) => {
-    setVisibility(true);
-  };
+    const handlePopover = (e) => {
+        setVisibility(true);
+    };
 
-  const popContent = (
-    <div>
-      <Form form={form} onFinish={handleFinish}>
-        <Form.Item name="eta">
-          <FormDatePicker />
-        </Form.Item>
-        <Button type="primary" onClick={() => form.submit()}>
-          {t("general.actions.save")}
-        </Button>
-        <Button onClick={() => setVisibility(false)}>Close</Button>
-      </Form>
-    </div>
-  );
+    const popContent = (
+        <div>
+            <Form form={form} onFinish={handleFinish}>
+                <Form.Item name="eta">
+                    <FormDatePicker/>
+                </Form.Item>
+                <Button type="primary" onClick={() => form.submit()}>
+                    {t("general.actions.save")}
+                </Button>
+                <Button onClick={() => setVisibility(false)}>Close</Button>
+            </Form>
+        </div>
+    );
 
-  return (
-    <Popover
-      destroyTooltipOnHide
-      content={popContent}
-      open={visibility}
-      disabled={disabled}
-    >
-      <DateFormatter>{backordered_eta}</DateFormatter>
-      {isAlreadyBackordered && (
-        <CalendarFilled style={{ cursor: "pointer" }} onClick={handlePopover} />
-      )}
-      {loading && <Spin />}
-    </Popover>
-  );
+    return (
+        <Popover
+            destroyTooltipOnHide
+            content={popContent}
+            open={visibility}
+            disabled={disabled}
+        >
+            <DateFormatter>{backordered_eta}</DateFormatter>
+            {isAlreadyBackordered && (
+                <CalendarFilled style={{cursor: "pointer"}} onClick={handlePopover}/>
+            )}
+            {loading && <Spin/>}
+        </Popover>
+    );
 }
 
 export default connect(mapStateToProps, null)(PartsOrderBackorderEta);