Added team pay calculator.

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

@@ -16,7 +16,9 @@ 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,
@@ -193,6 +195,15 @@ export function TimeTicketList({
         }
       },
     },
+    {
+      title: "Pay",
+      dataIndex: "pay",
+      key: "pay",
+      render: (text, record) =>
+        Dinero({ amount: Math.round(record.rate * 100) })
+          .multiply(record.flat_rate ? record.productivehrs : record.actualhrs)
+          .toFormat("$0.00"),
+    },
 
     {
       title: t("general.labels.actions"),
@@ -250,6 +261,10 @@ export function TimeTicketList({
       title={t("timetickets.labels.timetickets")}
       extra={
         <Space wrap>
+          <TimeTicketListTeamPay
+            actions={{ refetch }}
+            context={{ jobId: jobId }}
+          />
           {jobId &&
             (techConsole ? null : (
               <TimeTicketEnterButton