- the great reformat

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

client/src/components/job-employee-assignments/job-employee-assignments.component.jsx

@@ -1,197 +1,198 @@
-import { DeleteFilled, PlusCircleFilled } from "@ant-design/icons";
-import { Button, Col, Popover, Row, Select, Space, Spin } from "antd";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { selectJobReadOnly } from "../../redux/application/application.selectors";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import {DeleteFilled, PlusCircleFilled} from "@ant-design/icons";
+import {Button, Col, Popover, Row, Select, Space, Spin} from "antd";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {selectJobReadOnly} from "../../redux/application/application.selectors";
+import {selectBodyshop} from "../../redux/user/user.selectors";
 import DataLabel from "../data-label/data-label.component";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
-  jobRO: selectJobReadOnly,
+    bodyshop: selectBodyshop,
+    jobRO: selectJobReadOnly,
 });
 const mapDispatchToProps = (dispatch) => ({
-  //setUserLanguage: language => dispatch(setUserLanguage(language))
+    //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-const iconStyle = { marginLeft: ".3rem" };
+const iconStyle = {marginLeft: ".3rem"};
 
 export function JobEmployeeAssignments({
-  bodyshop,
-  jobRO,
-  body,
-  refinish,
+                                           bodyshop,
+                                           jobRO,
+                                           body,
+                                           refinish,
 
-  prep,
-  csr,
-  handleAdd,
-  handleRemove,
-  loading,
-}) {
-  const { t } = useTranslation();
-  const [assignment, setAssignment] = useState({
-    operation: null,
-    employeeid: null,
-  });
-  const [visibility, setVisibility] = useState(false);
+                                           prep,
+                                           csr,
+                                           handleAdd,
+                                           handleRemove,
+                                           loading,
+                                       }) {
+    const {t} = useTranslation();
+    const [assignment, setAssignment] = useState({
+        operation: null,
+        employeeid: null,
+    });
+    const [visibility, setVisibility] = useState(false);
 
-  const onChange = (value, option) => {
-    setAssignment({ ...assignment, employeeid: value, name: option.name });
-  };
+    const onChange = (value, option) => {
+        setAssignment({...assignment, employeeid: value, name: option.name});
+    };
 
-  const popContent = (
-    <Row gutter={[16, 16]}>
-      <Col span={24}>
-        <Select
-          id="employeeSelector"
-          showSearch
-          style={{ width: 200 }}
-          optionFilterProp="children"
-          onChange={onChange}
-          filterOption={(input, option) =>
-            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=
-            0
-          }
-        >
-          {bodyshop.employees
-            .filter((emp) => emp.active)
-            .map((emp) => (
-              <Select.Option
-                value={emp.id}
-                key={emp.id}
-                name={`${emp.first_name} ${emp.last_name}`}
-              >
-                {`${emp.first_name} ${emp.last_name}`}
-              </Select.Option>
-            ))}
-        </Select>
-      </Col>
-      <Col span={24}>
-        <Space wrap>
-          <Button
-            type="primary"
-            disabled={!assignment.employeeid || jobRO}
-            onClick={() => {
-              handleAdd(assignment);
-              setVisibility(false);
-            }}
-          >
-            Assign
-          </Button>
-          <Button onClick={() => setVisibility(false)}>Close</Button>
-        </Space>
-      </Col>
-    </Row>
-  );
+    const popContent = (
+        <Row gutter={[16, 16]}>
+            <Col span={24}>
+                <Select
+                    id="employeeSelector"
+                    showSearch
+                    style={{width: 200}}
+                    optionFilterProp="children"
+                    onChange={onChange}
+                    filterOption={(input, option) =>
+                        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >=
+                        0
+                    }
+                >
+                    {bodyshop.employees
+                        .filter((emp) => emp.active)
+                        .map((emp) => (
+                            <Select.Option
+                                value={emp.id}
+                                key={emp.id}
+                                name={`${emp.first_name} ${emp.last_name}`}
+                            >
+                                {`${emp.first_name} ${emp.last_name}`}
+                            </Select.Option>
+                        ))}
+                </Select>
+            </Col>
+            <Col span={24}>
+                <Space wrap>
+                    <Button
+                        type="primary"
+                        disabled={!assignment.employeeid || jobRO}
+                        onClick={() => {
+                            handleAdd(assignment);
+                            setVisibility(false);
+                        }}
+                    >
+                        Assign
+                    </Button>
+                    <Button onClick={() => setVisibility(false)}>Close</Button>
+                </Space>
+            </Col>
+        </Row>
+    );
 
-  return (
-    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
-      <Spin spinning={loading}>
-        <DataLabel label={t("jobs.fields.employee_body")}>
-          {body ? (
-            <div>
-              <span>{`${body.first_name || ""} ${body.last_name || ""}`}</span>
-              <DeleteFilled
-                operation="body"
-                disabled={jobRO}
-                style={iconStyle}
-                onClick={() => !jobRO && handleRemove("body")}
-              />
-            </div>
-          ) : (
-            <PlusCircleFilled
-              disabled={jobRO}
-              style={iconStyle}
-              onClick={() => {
-                if (!jobRO) {
-                  setAssignment({ operation: "body" });
-                  setVisibility(true);
-                }
-              }}
-            />
-          )}
-        </DataLabel>
-        <DataLabel label={t("jobs.fields.employee_prep")}>
-          {prep ? (
-            <div>
-              <span>{`${prep.first_name || ""} ${prep.last_name || ""}`}</span>
-              <DeleteFilled
-                disabled={jobRO}
-                style={iconStyle}
-                operation="prep"
-                onClick={() => !jobRO && handleRemove("prep")}
-              />
-            </div>
-          ) : (
-            <PlusCircleFilled
-              disabled={jobRO}
-              style={iconStyle}
-              onClick={() => {
-                if (!jobRO) {
-                  setAssignment({ operation: "prep" });
-                  setVisibility(true);
-                }
-              }}
-            />
-          )}
-        </DataLabel>
-        <DataLabel label={t("jobs.fields.employee_refinish")}>
-          {refinish ? (
-            <div>
+    return (
+        <Popover destroyTooltipOnHide content={popContent} open={visibility}>
+            <Spin spinning={loading}>
+                <DataLabel label={t("jobs.fields.employee_body")}>
+                    {body ? (
+                        <div>
+                            <span>{`${body.first_name || ""} ${body.last_name || ""}`}</span>
+                            <DeleteFilled
+                                operation="body"
+                                disabled={jobRO}
+                                style={iconStyle}
+                                onClick={() => !jobRO && handleRemove("body")}
+                            />
+                        </div>
+                    ) : (
+                        <PlusCircleFilled
+                            disabled={jobRO}
+                            style={iconStyle}
+                            onClick={() => {
+                                if (!jobRO) {
+                                    setAssignment({operation: "body"});
+                                    setVisibility(true);
+                                }
+                            }}
+                        />
+                    )}
+                </DataLabel>
+                <DataLabel label={t("jobs.fields.employee_prep")}>
+                    {prep ? (
+                        <div>
+                            <span>{`${prep.first_name || ""} ${prep.last_name || ""}`}</span>
+                            <DeleteFilled
+                                disabled={jobRO}
+                                style={iconStyle}
+                                operation="prep"
+                                onClick={() => !jobRO && handleRemove("prep")}
+                            />
+                        </div>
+                    ) : (
+                        <PlusCircleFilled
+                            disabled={jobRO}
+                            style={iconStyle}
+                            onClick={() => {
+                                if (!jobRO) {
+                                    setAssignment({operation: "prep"});
+                                    setVisibility(true);
+                                }
+                            }}
+                        />
+                    )}
+                </DataLabel>
+                <DataLabel label={t("jobs.fields.employee_refinish")}>
+                    {refinish ? (
+                        <div>
               <span>{`${refinish.first_name || ""} ${
-                refinish.last_name || ""
+                  refinish.last_name || ""
               }`}</span>
-              <DeleteFilled
-                disabled={jobRO}
-                style={iconStyle}
-                operation="refinish"
-                onClick={() => !jobRO && handleRemove("refinish")}
-              />
-            </div>
-          ) : (
-            <PlusCircleFilled
-              disabled={jobRO}
-              style={iconStyle}
-              onClick={() => {
-                if (!jobRO) {
-                  setAssignment({ operation: "refinish" });
-                  setVisibility(true);
-                }
-              }}
-            />
-          )}
-        </DataLabel>
-        <DataLabel label={t("jobs.fields.employee_csr")}>
-          {csr ? (
-            <div>
-              <span>{`${csr.first_name || ""} ${csr.last_name || ""}`}</span>
-              <DeleteFilled
-                disabled={jobRO}
-                style={iconStyle}
-                operation="csr"
-                onClick={() => !jobRO && handleRemove("csr")}
-              />
-            </div>
-          ) : (
-            <PlusCircleFilled
-              disabled={jobRO}
-              style={iconStyle}
-              onClick={() => {
-                if (!jobRO) {
-                  setAssignment({ operation: "csr" });
-                  setVisibility(true);
-                }
-              }}
-            />
-          )}
-        </DataLabel>
-      </Spin>
-    </Popover>
-  );
+                            <DeleteFilled
+                                disabled={jobRO}
+                                style={iconStyle}
+                                operation="refinish"
+                                onClick={() => !jobRO && handleRemove("refinish")}
+                            />
+                        </div>
+                    ) : (
+                        <PlusCircleFilled
+                            disabled={jobRO}
+                            style={iconStyle}
+                            onClick={() => {
+                                if (!jobRO) {
+                                    setAssignment({operation: "refinish"});
+                                    setVisibility(true);
+                                }
+                            }}
+                        />
+                    )}
+                </DataLabel>
+                <DataLabel label={t("jobs.fields.employee_csr")}>
+                    {csr ? (
+                        <div>
+                            <span>{`${csr.first_name || ""} ${csr.last_name || ""}`}</span>
+                            <DeleteFilled
+                                disabled={jobRO}
+                                style={iconStyle}
+                                operation="csr"
+                                onClick={() => !jobRO && handleRemove("csr")}
+                            />
+                        </div>
+                    ) : (
+                        <PlusCircleFilled
+                            disabled={jobRO}
+                            style={iconStyle}
+                            onClick={() => {
+                                if (!jobRO) {
+                                    setAssignment({operation: "csr"});
+                                    setVisibility(true);
+                                }
+                            }}
+                        />
+                    )}
+                </DataLabel>
+            </Spin>
+        </Popover>
+    );
 }
+
 export default connect(
-  mapStateToProps,
-  mapDispatchToProps
+    mapStateToProps,
+    mapDispatchToProps
 )(JobEmployeeAssignments);

client/src/components/job-employee-assignments/job-employee-assignments.container.jsx

@@ -1,112 +1,113 @@
-import { useMutation } from "@apollo/client";
-import { notification } from "antd";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { logImEXEvent } from "../../firebase/firebase.utils";
-import { UPDATE_JOB_ASSIGNMENTS } from "../../graphql/jobs.queries";
+import {useMutation} from "@apollo/client";
+import {notification} from "antd";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+import {logImEXEvent} from "../../firebase/firebase.utils";
+import {UPDATE_JOB_ASSIGNMENTS} from "../../graphql/jobs.queries";
 import JobEmployeeAssignmentsComponent from "./job-employee-assignments.component";
 
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { insertAuditTrail } from "../../redux/application/application.actions";
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {insertAuditTrail} from "../../redux/application/application.actions";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
+
 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
+    //currentUser: selectCurrentUser
 });
 const mapDispatchToProps = (dispatch) => ({
-  insertAuditTrail: ({ jobid, operation }) =>
-    dispatch(insertAuditTrail({ jobid, operation })),
+    insertAuditTrail: ({jobid, operation}) =>
+        dispatch(insertAuditTrail({jobid, operation})),
 });
 export default connect(
-  mapStateToProps,
-  mapDispatchToProps
+    mapStateToProps,
+    mapDispatchToProps
 )(JobEmployeeAssignmentsContainer);
 
 export function JobEmployeeAssignmentsContainer({
-  job,
-  refetch,
-  insertAuditTrail,
-}) {
-  const { t } = useTranslation();
-  const [updateJob] = useMutation(UPDATE_JOB_ASSIGNMENTS);
-  const [loading, setLoading] = useState(false);
+                                                    job,
+                                                    refetch,
+                                                    insertAuditTrail,
+                                                }) {
+    const {t} = useTranslation();
+    const [updateJob] = useMutation(UPDATE_JOB_ASSIGNMENTS);
+    const [loading, setLoading] = useState(false);
 
-  const handleAdd = async (assignment) => {
-    setLoading(true);
-    const { operation, employeeid, name } = assignment;
-    logImEXEvent("job_assign_employee", { operation });
+    const handleAdd = async (assignment) => {
+        setLoading(true);
+        const {operation, employeeid, name} = assignment;
+        logImEXEvent("job_assign_employee", {operation});
 
-    let empAssignment = determineFieldName(operation);
+        let empAssignment = determineFieldName(operation);
 
-    const result = await updateJob({
-      variables: { jobId: job.id, job: { [empAssignment]: employeeid } },
-    });
-    if (refetch) refetch();
+        const result = await updateJob({
+            variables: {jobId: job.id, job: {[empAssignment]: employeeid}},
+        });
+        if (refetch) refetch();
 
-    insertAuditTrail({
-      jobid: job.id,
-      operation: AuditTrailMapping.jobassignmentchange(operation, name),
-    });
+        insertAuditTrail({
+            jobid: job.id,
+            operation: AuditTrailMapping.jobassignmentchange(operation, name),
+        });
 
-    if (!!result.errors) {
-      notification["error"]({
-        message: t("jobs.errors.assigning", {
-          message: JSON.stringify(result.errors),
-        }),
-      });
-    }
-    setLoading(false);
-  };
-  const handleRemove = async (operation) => {
-    setLoading(true);
-    logImEXEvent("job_unassign_employee", { operation });
+        if (!!result.errors) {
+            notification["error"]({
+                message: t("jobs.errors.assigning", {
+                    message: JSON.stringify(result.errors),
+                }),
+            });
+        }
+        setLoading(false);
+    };
+    const handleRemove = async (operation) => {
+        setLoading(true);
+        logImEXEvent("job_unassign_employee", {operation});
 
-    let empAssignment = determineFieldName(operation);
-    const result = await updateJob({
-      variables: { jobId: job.id, job: { [empAssignment]: null } },
-    });
+        let empAssignment = determineFieldName(operation);
+        const result = await updateJob({
+            variables: {jobId: job.id, job: {[empAssignment]: null}},
+        });
 
-    if (!!result.errors) {
-      notification["error"]({
-        message: t("jobs.errors.assigning", {
-          message: JSON.stringify(result.errors),
-        }),
-      });
-    }
-    insertAuditTrail({
-      jobid: job.id,
-      operation: AuditTrailMapping.jobassignmentremoved(operation),
-    });
-    setLoading(false);
-  };
+        if (!!result.errors) {
+            notification["error"]({
+                message: t("jobs.errors.assigning", {
+                    message: JSON.stringify(result.errors),
+                }),
+            });
+        }
+        insertAuditTrail({
+            jobid: job.id,
+            operation: AuditTrailMapping.jobassignmentremoved(operation),
+        });
+        setLoading(false);
+    };
 
-  return (
-    <div>
-      <JobEmployeeAssignmentsComponent
-        body={job.employee_body_rel}
-        refinish={job.employee_refinish_rel}
-        prep={job.employee_prep_rel}
-        csr={job.employee_csr_rel}
-        handleAdd={handleAdd}
-        handleRemove={handleRemove}
-        loading={loading}
-      />
-    </div>
-  );
+    return (
+        <div>
+            <JobEmployeeAssignmentsComponent
+                body={job.employee_body_rel}
+                refinish={job.employee_refinish_rel}
+                prep={job.employee_prep_rel}
+                csr={job.employee_csr_rel}
+                handleAdd={handleAdd}
+                handleRemove={handleRemove}
+                loading={loading}
+            />
+        </div>
+    );
 }
 
 const determineFieldName = (operation) => {
-  switch (operation) {
-    case "body":
-      return "employee_body";
-    case "prep":
-      return "employee_prep";
-    case "csr":
-      return "employee_csr";
-    case "refinish":
-      return "employee_refinish";
+    switch (operation) {
+        case "body":
+            return "employee_body";
+        case "prep":
+            return "employee_prep";
+        case "csr":
+            return "employee_csr";
+        case "refinish":
+            return "employee_refinish";
 
-    default:
-      return null;
-  }
+        default:
+            return null;
+    }
 };