WIP Payroll Commit process.

client/src/components/time-ticket-task-modal/time-ticket-task-modal.container.jsx

@@ -41,6 +41,7 @@ export function TimeTickeTaskModalContainer({
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only",
   });
+
   const { t } = useTranslation();
   const [insertTimeTickets] = useMutation(INSERT_NEW_TIME_TICKET);
   const [insertTimeTicketApproval] = useMutation(INSERT_NEW_TT_APPROVALS);
@@ -56,7 +57,7 @@ export function TimeTickeTaskModalContainer({
         const result = await insertTimeTicketApproval({
           variables: {
             timeTicketInput: values.timetickets.map((ticket) => ({
-            ..._.omit(ticket, "pay"),
+              ..._.omit(ticket, "pay"),
               bodyshopid: bodyshop.id,
             })),
           },
@@ -73,6 +74,7 @@ export function TimeTickeTaskModalContainer({
             type: "success",
             message: t("timetickets.successes.created"),
           });
+          form.resetFields();
           toggleModalVisible();
         }
       } else {
@@ -104,13 +106,13 @@ export function TimeTickeTaskModalContainer({
   }
 
   useEffect(() => {
-    if (context.jobid) {
-      console.log("UE Fired.");
+    if (visible && context.jobid) {
       queryJobInfo({ variables: { id: context.jobid } });
     }
-  }, [context.jobid, queryJobInfo]);
+  }, [context.jobid, queryJobInfo, visible]);
 
   const calculateTimeTickets = (presetMemo) => {
+    console.log("🚀 ~ file: time-ticket-task-modal.container.jsx:115 ~ calculateTimeTickets ~ presetMemo:", presetMemo)
     const formData = form.getFieldsValue();
     if (
       !formData.jobid ||
@@ -122,14 +124,13 @@ export function TimeTickeTaskModalContainer({
     ) {
       return;
     }
+
     let data = [];
     let eligibleHours = 0;
 
     const theTeam = JSON.parse(formData.employeeteamid);
 
     if (theTeam) {
-      data = [];
-
       formData.hourstype.forEach((hourstype) => {
         eligibleHours =
           lineTicketData.joblines.reduce(
@@ -148,6 +149,7 @@ export function TimeTickeTaskModalContainer({
             actualhrs: 0,
             memo: presetMemo,
             flat_rate: true,
+            ciecacode: hourstype,
             cost_center:
               bodyshop.md_responsibility_centers.defaults.costs[hourstype],
             productivehrs:
@@ -175,7 +177,10 @@ export function TimeTickeTaskModalContainer({
     <Modal
       destroyOnClose
       open={visible}
-      onCancel={() => toggleModalVisible()}
+      onCancel={() => {
+        toggleModalVisible();
+        form.resetFields();
+      }}
       width="80%"
       onOk={() => form.submit()}
     >
@@ -184,7 +189,6 @@ export function TimeTickeTaskModalContainer({
         form={form}
         layout="vertical"
         onFinish={handleFinish}
-        //  onFieldsChange={handleFieldsChange}
         initialValues={context}
       >
         <TimeTicketTaskModalComponent