- the great reformat

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

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

@@ -1,72 +1,72 @@
-import { Select, Button, Popover, InputNumber } 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,47 @@
-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);
+                                                           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}
+        />
+    );
 }