- the great reformat

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

client/src/components/allocations-employee-label/allocations-employee-label.component.jsx

@@ -1,20 +1,20 @@
 import Icon from "@ant-design/icons";
 import React from "react";
-import { MdRemoveCircleOutline } from "react-icons/md";
+import {MdRemoveCircleOutline} from "react-icons/md";
 
-export default function AllocationsLabelComponent({ allocation, handleClick }) {
-  return (
-    <div style={{ display: "flex", alignItems: "center" }}>
+export default function AllocationsLabelComponent({allocation, handleClick}) {
+    return (
+        <div style={{display: "flex", alignItems: "center"}}>
       <span>
         {`${allocation.employee.first_name || ""} ${
-          allocation.employee.last_name || ""
+            allocation.employee.last_name || ""
         } (${allocation.hours || ""})`}
       </span>
-      <Icon
-        style={{ color: "red", padding: "0px 4px" }}
-        component={MdRemoveCircleOutline}
-        onClick={handleClick}
-      />
-    </div>
-  );
+            <Icon
+                style={{color: "red", padding: "0px 4px"}}
+                component={MdRemoveCircleOutline}
+                onClick={handleClick}
+            />
+        </div>
+    );
 }

client/src/components/allocations-employee-label/allocations-employee-label.container.jsx

@@ -1,32 +1,32 @@
 import React from "react";
-import { useMutation } from "@apollo/client";
-import { DELETE_ALLOCATION } from "../../graphql/allocations.queries";
+import {useMutation} from "@apollo/client";
+import {DELETE_ALLOCATION} from "../../graphql/allocations.queries";
 import AllocationsLabelComponent from "./allocations-employee-label.component";
-import { notification } from "antd";
-import { useTranslation } from "react-i18next";
+import {notification} from "antd";
+import {useTranslation} from "react-i18next";
 
-export default function AllocationsLabelContainer({ allocation, refetch }) {
-  const [deleteAllocation] = useMutation(DELETE_ALLOCATION);
-  const { t } = useTranslation();
+export default function AllocationsLabelContainer({allocation, refetch}) {
+    const [deleteAllocation] = useMutation(DELETE_ALLOCATION);
+    const {t} = useTranslation();
 
-  const handleClick = (e) => {
-    e.preventDefault();
-    deleteAllocation({ variables: { id: allocation.id } })
-      .then((r) => {
-        notification["success"]({
-          message: t("allocations.successes.deleted"),
-        });
-        if (refetch) refetch();
-      })
-      .catch((error) => {
-        notification["error"]({ message: t("allocations.errors.deleting") });
-      });
-  };
+    const handleClick = (e) => {
+        e.preventDefault();
+        deleteAllocation({variables: {id: allocation.id}})
+            .then((r) => {
+                notification["success"]({
+                    message: t("allocations.successes.deleted"),
+                });
+                if (refetch) refetch();
+            })
+            .catch((error) => {
+                notification["error"]({message: t("allocations.errors.deleting")});
+            });
+    };
 
-  return (
-    <AllocationsLabelComponent
-      allocation={allocation}
-      handleClick={handleClick}
-    />
-  );
+    return (
+        <AllocationsLabelComponent
+            allocation={allocation}
+            handleClick={handleClick}
+        />
+    );
 }