IO-2206 Refine claim tasks modal to add validations and insertions.

client/src/components/time-ticket-list/time-ticket-list.component.jsx

@@ -1,35 +1,37 @@
 import { EditFilled } from "@ant-design/icons";
-import { Card, Space, Table } from "antd";
+import { Button, Card, Space, Table } from "antd";
+import Dinero from "dinero.js";
 import moment from "moment";
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
+import { setModalContext } from "../../redux/modals/modals.actions";
 import {
   selectAuthLevel,
   selectBodyshop,
 } from "../../redux/user/user.selectors";
-import { onlyUnique } from "../../utils/arrayHelper";
 import { DateFormatter, DateTimeFormatter } from "../../utils/DateFormatter";
+import { onlyUnique } from "../../utils/arrayHelper";
 import { alphaSort, dateSort } from "../../utils/sorters";
 import RbacWrapper, {
   HasRbacAccess,
 } from "../rbac-wrapper/rbac-wrapper.component";
-import Dinero from "dinero.js";
 import TimeTicketEnterButton from "../time-ticket-enter-button/time-ticket-enter-button.component";
-import TimeTicketListTeamPay from "./time-ticket-list-team-pay.component";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   authLevel: selectAuthLevel,
 });
 const mapDispatchToProps = (dispatch) => ({
-  //setUserLanguage: language => dispatch(setUserLanguage(language))
+  setTimeTicketTaskContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "timeTicketTask" })),
 });
 export default connect(mapStateToProps, mapDispatchToProps)(TimeTicketList);
 
 export function TimeTicketList({
   bodyshop,
+  setTimeTicketTaskContext,
   authLevel,
   disabled,
   loading,
@@ -261,10 +263,23 @@ export function TimeTicketList({
       title={t("timetickets.labels.timetickets")}
       extra={
         <Space wrap>
-          <TimeTicketListTeamPay
-            actions={{ refetch }}
-            context={{ jobId: jobId }}
-          />
+          {
+            //  <TimeTicketListTeamPay
+            //      actions={{ refetch }}
+            //      context={{ jobId: jobId }}
+            //    />
+          }
+          <Button
+            onClick={() => {
+              setTimeTicketTaskContext();
+              setTimeTicketTaskContext({
+                actions: {},
+                context: { jobid: jobId },
+              });
+            }}
+          >
+            {t("timetickets.actions.claimtasks")}
+          </Button>
           {jobId &&
             (techConsole ? null : (
               <TimeTicketEnterButton