- the great reformat

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

client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx

@@ -1,68 +1,68 @@
-import { Button, Popover, Select } from "antd";
+import {Button, Popover, Select} from "antd";
 import React from "react";
-import { useTranslation } from "react-i18next";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {selectBodyshop} from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
+    bodyshop: selectBodyshop,
 });
 
 export default connect(
-  mapStateToProps,
-  null
+    mapStateToProps,
+    null
 )(function AllocationsBulkAssignmentComponent({
-  disabled,
-  bodyshop,
-  handleAssignment,
-  assignment,
-  setAssignment,
-  visibilityState,
-}) {
-  const { t } = useTranslation();
+                                                  disabled,
+                                                  bodyshop,
+                                                  handleAssignment,
+                                                  assignment,
+                                                  setAssignment,
+                                                  visibilityState,
+                                              }) {
+    const {t} = useTranslation();
 
-  const onChange = (e) => {
-    setAssignment({ ...assignment, employeeid: e });
-  };
+    const onChange = (e) => {
+        setAssignment({...assignment, employeeid: e});
+    };
 
-  const [visibility, setVisibility] = visibilityState;
+    const [visibility, setVisibility] = visibilityState;
 
-  const popContent = (
-    <div>
-      <Select
-        showSearch
-        style={{ width: 200 }}
-        placeholder="Select a person"
-        optionFilterProp="children"
-        onChange={onChange}
-        filterOption={(input, option) =>
-          option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-        }
-      >
-        {bodyshop.employees.map((emp) => (
-          <Select.Option value={emp.id} key={emp.id}>
-            {`${emp.first_name} ${emp.last_name}`}
-          </Select.Option>
-        ))}
-      </Select>
+    const popContent = (
+        <div>
+            <Select
+                showSearch
+                style={{width: 200}}
+                placeholder="Select a person"
+                optionFilterProp="children"
+                onChange={onChange}
+                filterOption={(input, option) =>
+                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                }
+            >
+                {bodyshop.employees.map((emp) => (
+                    <Select.Option value={emp.id} key={emp.id}>
+                        {`${emp.first_name} ${emp.last_name}`}
+                    </Select.Option>
+                ))}
+            </Select>
 
-      <Button
-        type="primary"
-        disabled={!assignment.employeeid}
-        onClick={handleAssignment}
-      >
-        Assign
-      </Button>
-      <Button onClick={() => setVisibility(false)}>Close</Button>
-    </div>
-  );
+            <Button
+                type="primary"
+                disabled={!assignment.employeeid}
+                onClick={handleAssignment}
+            >
+                Assign
+            </Button>
+            <Button onClick={() => setVisibility(false)}>Close</Button>
+        </div>
+    );
 
-  return (
-    <Popover content={popContent} open={visibility}>
-      <Button disabled={disabled} onClick={() => setVisibility(true)}>
-        {t("allocations.actions.assign")}
-      </Button>
-    </Popover>
-  );
+    return (
+        <Popover content={popContent} open={visibility}>
+            <Button disabled={disabled} onClick={() => setVisibility(true)}>
+                {t("allocations.actions.assign")}
+            </Button>
+        </Popover>
+    );
 });

client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.container.jsx

@@ -1,47 +1,47 @@
-import React, { useState } from "react";
+import React, {useState} from "react";
 import AllocationsBulkAssignment from "./allocations-bulk-assignment.component";
-import { useMutation } from "@apollo/client";
-import { INSERT_ALLOCATION } from "../../graphql/allocations.queries";
-import { useTranslation } from "react-i18next";
-import { notification } from "antd";
+import {useMutation} from "@apollo/client";
+import {INSERT_ALLOCATION} from "../../graphql/allocations.queries";
+import {useTranslation} from "react-i18next";
+import {notification} from "antd";
 
 export default function AllocationsBulkAssignmentContainer({
-  jobLines,
-  refetch,
-}) {
-  const visibilityState = useState(false);
-  const { t } = useTranslation();
-  const [assignment, setAssignment] = useState({
-    employeeid: null,
-  });
-  const [insertAllocation] = useMutation(INSERT_ALLOCATION);
-
-  const handleAssignment = () => {
-    const allocs = jobLines.reduce((acc, value) => {
-      acc.push({
-        joblineid: value.id,
-        hours: parseFloat(value.mod_lb_hrs) || 0,
-        employeeid: assignment.employeeid,
-      });
-      return acc;
-    }, []);
-
-    insertAllocation({ variables: { alloc: allocs } }).then((r) => {
-      notification["success"]({
-        message: t("employees.successes.save"),
-      });
-      visibilityState[1](false);
-      if (refetch) refetch();
+                                                               jobLines,
+                                                               refetch,
+                                                           }) {
+    const visibilityState = useState(false);
+    const {t} = useTranslation();
+    const [assignment, setAssignment] = useState({
+        employeeid: null,
     });
-  };
+    const [insertAllocation] = useMutation(INSERT_ALLOCATION);
 
-  return (
-    <AllocationsBulkAssignment
-      disabled={jobLines.length > 0 ? false : true}
-      handleAssignment={handleAssignment}
-      assignment={assignment}
-      setAssignment={setAssignment}
-      visibilityState={visibilityState}
-    />
-  );
+    const handleAssignment = () => {
+        const allocs = jobLines.reduce((acc, value) => {
+            acc.push({
+                joblineid: value.id,
+                hours: parseFloat(value.mod_lb_hrs) || 0,
+                employeeid: assignment.employeeid,
+            });
+            return acc;
+        }, []);
+
+        insertAllocation({variables: {alloc: allocs}}).then((r) => {
+            notification["success"]({
+                message: t("employees.successes.save"),
+            });
+            visibilityState[1](false);
+            if (refetch) refetch();
+        });
+    };
+
+    return (
+        <AllocationsBulkAssignment
+            disabled={jobLines.length > 0 ? false : true}
+            handleAssignment={handleAssignment}
+            assignment={assignment}
+            setAssignment={setAssignment}
+            visibilityState={visibilityState}
+        />
+    );
 }