update files

components/time-ticket/screen-time-ticket-create.component.jsx

@@ -1,12 +1,11 @@
 import { Formik } from "formik";
-import React, { useRef, useState } from "react";
-import { StyleSheet, Text, View, ScrollView, RefreshControl } from "react-native";
+import React, { useRef, useState,useCallback } from "react";
+import { StyleSheet, Text, View, ScrollView, RefreshControl,FlatList } from "react-native";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { Button, TextInput, Card } from "react-native-paper";
 import CostCenterSelect from "../Selects/select-cost-center";
-import { JobIdSearchSelect } from "../Selects/select-job-id";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
 import {
   selectCurrentEmployee,
@@ -17,21 +16,15 @@ import {
   selectBodyshop,
   selectRestrictClaimableHoursFlag,
 } from "../../redux/user/user.selectors";
-import { useCallback } from "react";
-// import LaborAllocationsTable from "../labor-allocations-table/labor-allocations-table.component";
 import LaborAllocationsTable from "../labor-allocations-table/labor-allocations-table.component";
 
 import ErrorDisplay from "../error-display/error-display.component";
 import { INSERT_NEW_TIME_TICKET } from "../../graphql/timetickets.queries";
 import { useMutation } from "@apollo/client";
-import axios from "axios";
-import { logImEXEvent } from "../../firebase/firebase.analytics";
 import moment from "moment";
 import { useNavigation } from "@react-navigation/native";
 
 import styles from "../styles";
-import StyleRepeater from "../style-repeater/style-repeater";
-import { FlatList } from "react-native";
 import JobSearchAndSelectModal from "../Modals/JobSearchAndSelectModal";
 
 const mapStateToProps = createStructuredSelector({
@@ -41,7 +34,6 @@ const mapStateToProps = createStructuredSelector({
   currentEmployeeFullName: selectEmployeeFullName,
   currentRestrictClaimableHoursFlag: selectRestrictClaimableHoursFlag,
 });
-// const mapDispatchToProps = (dispatch) => ({});
 
 export function TimeTicketCreate({
   currentEmployee,
@@ -76,15 +68,8 @@ export function TimeTicketCreate({
   const [insertTicket] = useMutation(INSERT_NEW_TIME_TICKET);
 
   const handleFinish = async (values) => {
-    logImEXEvent("handleFinish_called_in_TimeTicketCreate");
-    // console.log("handleFinish called in TimeTicketCreate");
     setError(null);
     setLoadingCreate(true);
-
-    //  console.log("insertTicket, currentSCC :", currentSCC);
-    //  console.log("insertTicket, currentSCC :", currentSJobId);
-    //  console.log("insertTicket, values :", values);
-
     if (
       !!currentSCC?.value &&
       !!curSelClockIntoJob?.id &&
@@ -110,7 +95,6 @@ export function TimeTicketCreate({
     }
 
     if (!!currentRestrictClaimableHoursFlag) {
-      //  console.log("TimeTicketClockOff, currentRestrictClaimableHoursFlag I am here:", currentRestrictClaimableHoursFlag);
       if (values.productivehours > costCenterDiff.current) {
         setLoadingCreate(false);
         setError({
@@ -119,7 +103,7 @@ export function TimeTicketCreate({
         return;
       }
     }
-    
+
     const tempVariablesObj = {
       variables: {
         timeTicketInput: [
@@ -157,19 +141,8 @@ export function TimeTicketCreate({
         ],
       },
     };
-    // clockoff: undefined,
-    //         clockon: undefined,
-    //         memo: undefined,
 
-    // console.log("insertTicket, tempVariablesObj. :", tempVariablesObj?.variables?.timeTicketInput[0]);
-
-    //after obj is good add below to make call
-
-    const result = await insertTicket(tempVariablesObj); //.catch(handleMutationError);
-
-    // console.log(" result : ", result);
-    // //after call results are retuning add handling below for cases
-    //  console.log("insertTicket, result :", result?.data?.insert_timetickets?.returning[0]);
+    const result = await insertTicket(tempVariablesObj); 
     setLoadingCreate(false);
     if (!!result.errors) {
       // console.log("insertTicket, result.error :", result.errors);
@@ -185,7 +158,7 @@ export function TimeTicketCreate({
     // refetch();
     setTimeout(() => {
       setLoading(false);
-    }, 1000);
+    }, 500);
   }, []);
 
   return (
@@ -206,20 +179,13 @@ export function TimeTicketCreate({
               >
                 {({ handleChange, handleBlur, handleSubmit, values }) => (
                   <View style={localStyles.topTimeTicketContainer}>
-                    {/* <JobIdSearchSelect
-                      currentValue={currentSJobId}
-                      onJobSelected={setCurrentSJobId}
-                      convertedOnly={true}
+                    <JobSearchAndSelectModal
+                      currentValue={curSelClockIntoJob}
+                      onSetCurrentValue={setCurSelClockIntoJob}
                       notExported={!currentBodyshop.tt_allow_post_to_invoiced}
                       notInvoiced={!currentBodyshop.tt_allow_post_to_invoiced}
-                    /> */}
-                    <JobSearchAndSelectModal
-                  currentValue={curSelClockIntoJob}
-                  onSetCurrentValue={setCurSelClockIntoJob}
-                  notExported={!currentBodyshop.tt_allow_post_to_invoiced}
-                  notInvoiced={!currentBodyshop.tt_allow_post_to_invoiced}
-                  convertedOnly={true}
-                />
+                      convertedOnly={true}
+                    />
                     <Button
                       mode="outlined"
                       title="TicketDatePickerButton"