Resolve shift clock issues. IO-699

client/src/components/time-ticket-shift/time-ticket-shift.container.jsx

@@ -1,10 +1,13 @@
-import React from "react";
 import { useQuery } from "@apollo/client";
+import React, { useMemo } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { QUERY_ACTIVE_SHIFT_TIME_TICKETS } from "../../graphql/timetickets.queries";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import {
+  selectBodyshop,
+  selectCurrentUser,
+} from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import TimeTicketShiftActive from "../time-ticket-shift-active/time-ticket-shift-active.component";
@@ -13,6 +16,7 @@ import TimeTicketShiftFormContainer from "../time-ticket-shift-form/time-ticket-
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   technician: selectTechnician,
+  currentUser: selectCurrentUser,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
@@ -21,15 +25,22 @@ const mapDispatchToProps = (dispatch) => ({
 export function TimeTicketShiftContainer({
   bodyshop,
   technician,
+  currentUser,
   isTechConsole,
 }) {
+  const employeeId = useMemo(() => {
+    const assoc = bodyshop.associations.filter(
+      (a) => a.useremail === currentUser.email
+    )[0];
+
+    return assoc && assoc.user && assoc.user.employee && assoc.user.employee.id;
+  }, [bodyshop, currentUser.email]);
+
   const { loading, error, data, refetch } = useQuery(
     QUERY_ACTIVE_SHIFT_TIME_TICKETS,
     {
       variables: {
-        employeeId: isTechConsole
-          ? technician.id
-          : bodyshop.associations[0].user.employee.id,
+        employeeId: isTechConsole ? technician && technician.id : employeeId,
       },
     }
   );