- the great reformat

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

client/src/components/job-line-note-popup/job-line-note-popup.component.jsx

@@ -1,78 +1,78 @@
-import { FieldTimeOutlined } from "@ant-design/icons";
-import { useMutation } from "@apollo/client";
-import { Input, notification } from "antd";
-import React, { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { UPDATE_JOB_LINE } from "../../graphql/jobs-lines.queries";
+import {FieldTimeOutlined} from "@ant-design/icons";
+import {useMutation} from "@apollo/client";
+import {Input, notification} from "antd";
+import React, {useEffect, useState} from "react";
+import {useTranslation} from "react-i18next";
+import {UPDATE_JOB_LINE} from "../../graphql/jobs-lines.queries";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 
-export default function JobLineNotePopup({ jobline, disabled }) {
-  const [editing, setEditing] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [note, setNote] = useState(jobline.note);
-  const [updateJob] = useMutation(UPDATE_JOB_LINE);
-  const { t } = useTranslation();
+export default function JobLineNotePopup({jobline, disabled}) {
+    const [editing, setEditing] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [note, setNote] = useState(jobline.note);
+    const [updateJob] = useMutation(UPDATE_JOB_LINE);
+    const {t} = useTranslation();
 
-  useEffect(() => {
-    if (editing) setNote(jobline.notes);
-  }, [editing, jobline.notes]);
+    useEffect(() => {
+        if (editing) setNote(jobline.notes);
+    }, [editing, jobline.notes]);
 
-  const handleChange = (e) => {
-    e.stopPropagation();
-    setNote(e.currentTarget.value);
-  };
+    const handleChange = (e) => {
+        e.stopPropagation();
+        setNote(e.currentTarget.value);
+    };
 
-  const handleSave = async (e) => {
-    e.stopPropagation();
-    setLoading(true);
-    const result = await updateJob({
-      variables: { lineId: jobline.id, line: { notes: note || "" } },
-    });
+    const handleSave = async (e) => {
+        e.stopPropagation();
+        setLoading(true);
+        const result = await updateJob({
+            variables: {lineId: jobline.id, line: {notes: note || ""}},
+        });
 
-    if (!!!result.errors) {
-      notification["success"]({ message: t("joblines.successes.saved") });
-    } else {
-      notification["error"]({
-        message: t("joblines.errors.saving", {
-          error: JSON.stringify(result.errors),
-        }),
-      });
-    }
-    setLoading(false);
-    setEditing(false);
-  };
+        if (!!!result.errors) {
+            notification["success"]({message: t("joblines.successes.saved")});
+        } else {
+            notification["error"]({
+                message: t("joblines.errors.saving", {
+                    error: JSON.stringify(result.errors),
+                }),
+            });
+        }
+        setLoading(false);
+        setEditing(false);
+    };
 
-  if (editing)
+    if (editing)
+        return (
+            <div>
+                <Input
+                    autoFocus
+                    suffix={loading ? <LoadingSpinner/> : null}
+                    value={note}
+                    onChange={handleChange}
+                    onPressEnter={handleSave}
+                    onBlur={handleSave}
+                />
+            </div>
+        );
     return (
-      <div>
-        <Input
-          autoFocus
-          suffix={loading ? <LoadingSpinner /> : null}
-          value={note}
-          onChange={handleChange}
-          onPressEnter={handleSave}
-          onBlur={handleSave}
-        />
-      </div>
+        <div>
+            <div
+                style={{
+                    width: "100%",
+                    ...(jobline.ioucreated ? {} : {minHeight: "2rem"}),
+                    cursor: "pointer",
+                }}
+                onClick={() => !disabled && setEditing(true)}
+            >
+                {jobline.ioucreated && (
+                    <div>
+                        <FieldTimeOutlined style={{margin: 0, padding: 0}}/>
+                        {t("joblines.labels.ioucreated")}
+                    </div>
+                )}
+                {jobline.notes || null}
+            </div>
+        </div>
     );
-  return (
-    <div>
-      <div
-        style={{
-          width: "100%",
-          ...(jobline.ioucreated ? {} : { minHeight: "2rem" }),
-          cursor: "pointer",
-        }}
-        onClick={() => !disabled && setEditing(true)}
-      >
-        {jobline.ioucreated && (
-          <div>
-            <FieldTimeOutlined style={{ margin: 0, padding: 0 }} />
-            {t("joblines.labels.ioucreated")}
-          </div>
-        )}
-        {jobline.notes || null}
-      </div>
-    </div>
-  );
 }