Reformat all project files to use the prettier config file.

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

@@ -1,72 +1,67 @@
-import {Button, InputNumber, Popover, Select} from "antd";
+import { Button, InputNumber, 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 function AllocationsAssignmentComponent({
-                                                   bodyshop,
-                                                   handleAssignment,
-                                                   assignment,
-                                                   setAssignment,
-                                                   visibilityState,
-                                                   maxHours
-                                               }) {
-    const {t} = useTranslation();
+  bodyshop,
+  handleAssignment,
+  assignment,
+  setAssignment,
+  visibilityState,
+  maxHours
+}) {
+  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 id="employeeSelector"
-                    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>
-            <InputNumber
-                defaultValue={assignment.hours}
-                placeholder={t("joblines.fields.mod_lb_hrs")}
-                max={parseFloat(maxHours)}
-                min={0}
-                onChange={e => setAssignment({...assignment, hours: e})}
-            />
+  const popContent = (
+    <div>
+      <Select
+        id="employeeSelector"
+        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>
+      <InputNumber
+        defaultValue={assignment.hours}
+        placeholder={t("joblines.fields.mod_lb_hrs")}
+        max={parseFloat(maxHours)}
+        min={0}
+        onChange={(e) => setAssignment({ ...assignment, hours: e })}
+      />
 
-            <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 onClick={() => setVisibility(true)}>
-                {t("allocations.actions.assign")}
-            </Button>
-        </Popover>
-    );
+  return (
+    <Popover content={popContent} open={visibility}>
+      <Button onClick={() => setVisibility(true)}>{t("allocations.actions.assign")}</Button>
+    </Popover>
+  );
 }
 
 export default connect(mapStateToProps, null)(AllocationsAssignmentComponent);

client/src/components/allocations-assignment/allocations-assignment.component.test.js

@@ -1,35 +1,35 @@
-import {mount} from "enzyme";
+import { mount } from "enzyme";
 import React from "react";
-import {MockBodyshop} from "../../utils/TestingHelpers";
-import {AllocationsAssignmentComponent} from "./allocations-assignment.component";
+import { MockBodyshop } from "../../utils/TestingHelpers";
+import { AllocationsAssignmentComponent } from "./allocations-assignment.component";
 
 describe("AllocationsAssignmentComponent component", () => {
-    let wrapper;
+  let wrapper;
 
-    beforeEach(() => {
-        const mockProps = {
-            bodyshop: MockBodyshop,
-            handleAssignment: jest.fn(),
-            assignment: {},
-            setAssignment: jest.fn(),
-            visibilityState: [false, jest.fn()],
-            maxHours: 4,
-        };
+  beforeEach(() => {
+    const mockProps = {
+      bodyshop: MockBodyshop,
+      handleAssignment: jest.fn(),
+      assignment: {},
+      setAssignment: jest.fn(),
+      visibilityState: [false, jest.fn()],
+      maxHours: 4
+    };
 
-        wrapper = mount(<AllocationsAssignmentComponent {...mockProps} />);
-    });
+    wrapper = mount(<AllocationsAssignmentComponent {...mockProps} />);
+  });
 
-    it("should render AllocationsAssignmentComponent component", () => {
-        expect(wrapper).toMatchSnapshot();
-    });
+  it("should render AllocationsAssignmentComponent component", () => {
+    expect(wrapper).toMatchSnapshot();
+  });
 
-    it("should render a list of employees", () => {
-        const empList = wrapper.find("#employeeSelector");
-        expect(empList.children()).to.have.lengthOf(2);
-    });
+  it("should render a list of employees", () => {
+    const empList = wrapper.find("#employeeSelector");
+    expect(empList.children()).to.have.lengthOf(2);
+  });
 
-    it("should create an allocation on save", () => {
-        wrapper.find("Button").simulate("click");
-        expect(wrapper).toMatchSnapshot();
-    });
+  it("should create an allocation on save", () => {
+    wrapper.find("Button").simulate("click");
+    expect(wrapper).toMatchSnapshot();
+  });
 });

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

@@ -1,47 +1,43 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 import AllocationsAssignmentComponent from "./allocations-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 AllocationsAssignmentContainer({
-                                                           jobLineId,
-                                                           hours,
-                                                           refetch,
-                                                       }) {
-    const visibilityState = useState(false);
-    const {t} = useTranslation();
-    const [assignment, setAssignment] = useState({
-        joblineid: jobLineId,
-        hours: parseFloat(hours),
-        employeeid: null,
-    });
-    const [insertAllocation] = useMutation(INSERT_ALLOCATION);
+export default function AllocationsAssignmentContainer({ jobLineId, hours, refetch }) {
+  const visibilityState = useState(false);
+  const { t } = useTranslation();
+  const [assignment, setAssignment] = useState({
+    joblineid: jobLineId,
+    hours: parseFloat(hours),
+    employeeid: null
+  });
+  const [insertAllocation] = useMutation(INSERT_ALLOCATION);
 
-    const handleAssignment = () => {
-        insertAllocation({variables: {alloc: {...assignment}}})
-            .then((r) => {
-                notification["success"]({
-                    message: t("allocations.successes.save"),
-                });
-                visibilityState[1](false);
-                if (refetch) refetch();
-            })
-            .catch((error) => {
-                notification["error"]({
-                    message: t("employees.errors.saving", {message: error.message}),
-                });
-            });
-    };
+  const handleAssignment = () => {
+    insertAllocation({ variables: { alloc: { ...assignment } } })
+      .then((r) => {
+        notification["success"]({
+          message: t("allocations.successes.save")
+        });
+        visibilityState[1](false);
+        if (refetch) refetch();
+      })
+      .catch((error) => {
+        notification["error"]({
+          message: t("employees.errors.saving", { message: error.message })
+        });
+      });
+  };
 
-    return (
-        <AllocationsAssignmentComponent
-            handleAssignment={handleAssignment}
-            maxHours={hours}
-            assignment={assignment}
-            setAssignment={setAssignment}
-            visibilityState={visibilityState}
-        />
-    );
+  return (
+    <AllocationsAssignmentComponent
+      handleAssignment={handleAssignment}
+      maxHours={hours}
+      assignment={assignment}
+      setAssignment={setAssignment}
+      visibilityState={visibilityState}
+    />
+  );
 }