Reformat all project files to use the prettier config file.

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

@@ -1,68 +1,62 @@
-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,44 @@
-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,
+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();
     });
-    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();
-        });
-    };
-
-    return (
-        <AllocationsBulkAssignment
-            disabled={jobLines.length > 0 ? false : true}
-            handleAssignment={handleAssignment}
-            assignment={assignment}
-            setAssignment={setAssignment}
-            visibilityState={visibilityState}
-        />
-    );
+  return (
+    <AllocationsBulkAssignment
+      disabled={jobLines.length > 0 ? false : true}
+      handleAssignment={handleAssignment}
+      assignment={assignment}
+      setAssignment={setAssignment}
+      visibilityState={visibilityState}
+    />
+  );
 }