WIP Payroll Commit process.

client/src/components/tt-approve-button/tt-approve-button.component.jsx

@@ -1,13 +1,13 @@
 import { useApolloClient } from "@apollo/client";
 import { Button } from "antd";
+import _ from "lodash";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import {
-  QUERY_TT_APPROVALS_BY_IDS,
-  UPDATE_TT_BY_APPROVAL,
-} from "../../graphql/tt-approvals.queries";
+import { INSERT_TIME_TICKET_AND_APPROVE } from "../../graphql/timetickets.queries";
+import { QUERY_TT_APPROVALS_BY_IDS } from "../../graphql/tt-approvals.queries";
+import moment from "moment";
 import {
   selectBodyshop,
   selectCurrentUser,
@@ -38,13 +38,18 @@ export function TtApproveButton({
       variables: { ids: selectedTickets },
     });
 
-    const { data: insertData } = await client.query({
-      query: UPDATE_TT_BY_APPROVAL,
+    const { data: insertData } = await client.mutate({
+      mutation: INSERT_TIME_TICKET_AND_APPROVE,
       variables: {
-        ttApprovalUpdates: data.map((tta) => ({
-          _set: {},
-          where: { id: { _eq: tta.id } },
+        timeTicketInput: data.tt_approval_queue.map((tta) => ({
+          ..._.omit(tta, ["id", "__typename"]),
+          ttapprovalqueueid: tta.id,
         })),
+        approvalIds: selectedTickets,
+        approvalUpdate: {
+          approved_at: moment(),
+          approved_by: currentUser.email,
+        },
       },
     });