BOD-23 Added schema changes for time tickets + redux config for time ticket modal + scaffolding for time ticket modal.

client/src/components/jobs-detail-labor/jobs-detail-labor.container.jsx

@@ -0,0 +1,45 @@
+import React from "react";
+import { Button } from "antd";
+
+import { connect } from "react-redux";
+import { setModalContext } from "../../redux/modals/modals.actions";
+import AlertComponent from "../alert/alert.component";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import { useQuery } from "@apollo/react-hooks";
+import { QUERY_TICKETS_BY_JOBID } from "../../graphql/timetickets.queries";
+
+const mapDispatchToProps = (dispatch) => ({
+  setTimeTicketContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "timeTicket" })),
+});
+
+export function JobsDetailLaborContainer({ jobId, setTimeTicketContext }) {
+  const { loading, error, data, refetch } = useQuery(QUERY_TICKETS_BY_JOBID, {
+    variables: { jobid: jobId },
+    skip: !!!jobId,
+  });
+
+  if (loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
+
+  return (
+    <div>
+      {jobId}
+      <Button
+        onClick={() => {
+          setTimeTicketContext({
+            actions: { refetch },
+            context: {
+              jobId,
+            },
+          });
+        }}
+      >
+        TEST - Open Time Ticket Modal
+      </Button>
+      {JSON.stringify(data)}
+    </div>
+  );
+}
+
+export default connect(null, mapDispatchToProps)(JobsDetailLaborContainer);