IO-3020 IO-3036 Extend blur wrapper, add lock wrapper to components throughout the system. Many placeholders still left for upsell components.

client/src/components/labor-allocations-table/labor-allocations-table.component.jsx

@@ -12,6 +12,7 @@ import { alphaSort } from "../../utils/sorters";
 import LaborAllocationsAdjustmentEdit from "../labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component";
 import "./labor-allocations-table.styles.scss";
 import { CalculateAllocationsTotals } from "./labor-allocations-table.utility";
+import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -190,6 +191,7 @@ export function LaborAllocationsTable({
     warningCallback({ key: "labor", warning: t("jobs.labels.outstandinghours") });
   }
 
+  const hasTimeTicketAccess = HasFeatureAccess({ bodyshop, featureName: "timetickets" });
   return (
     <Row gutter={[16, 16]}>
       <Col span={24}>
@@ -199,7 +201,19 @@ export function LaborAllocationsTable({
             rowKey={(record) => `${record.cost_center} ${record.mod_lbr_ty}`}
             pagination={false}
             onChange={handleTableChange}
-            dataSource={totals}
+            dataSource={hasTimeTicketAccess ? totals : []}
+            locale={{
+              ...(!hasTimeTicketAccess && {
+                emptyText: (
+                  <div>
+                    Upsell
+                    {
+                      //TODO:Upsell
+                    }
+                  </div>
+                )
+              })
+            }}
             scroll={{
               x: true
             }}
@@ -233,7 +247,19 @@ export function LaborAllocationsTable({
               columns={convertedTableCols}
               rowKey="id"
               pagination={false}
-              dataSource={convertedLines}
+              dataSource={hasTimeTicketAccess ? convertedLines : []}
+              locale={{
+                ...(!hasTimeTicketAccess && {
+                  emptyText: (
+                    <div>
+                      Upsell
+                      {
+                        //TODO:Upsell
+                      }
+                    </div>
+                  )
+                })
+              }}
               scroll={{
                 x: true
               }}