feature/IO-3096-GlobalNotifications - Code Review Part 1

client/src/pages/jobs-detail/job-watcher-toggle.component.jsx

@@ -9,6 +9,7 @@ import { createStructuredSelector } from "reselect";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors.js";
 import EmployeeSearchSelectComponent from "../../components/employee-search-select/employee-search-select.component.jsx";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component.jsx";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
 
 const { Text } = Typography;
 
@@ -19,6 +20,14 @@ const mapStateToProps = createStructuredSelector({
 
 const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
   const { t } = useTranslation();
+  const {
+    treatments: { Enhanced_Payroll }
+  } = useSplitTreatments({
+    attributes: {},
+    names: ["Enhanced_Payroll"],
+    splitKey: bodyshop && bodyshop.imexshopid
+  });
+
   const userEmail = currentUser.email;
   const jobid = job.id;
 
@@ -146,7 +155,7 @@ const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
       />
       {/* Divider for UI separation */}
       {/* Only show team selection if there are available teams */}
-      {bodyshop?.employee_teams?.length > 0 && (
+      {Enhanced_Payroll && bodyshop?.employee_teams?.length > 0 && (
         <>
           <Divider />
           <Text type="secondary">{t("notifications.labels.add-watchers-team")}</Text>

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -57,7 +57,7 @@ import dayjs from "../../utils/day";
 import UndefinedToNull from "../../utils/undefinedtonull";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 import JobWatcherToggle from "./job-watcher-toggle.component.jsx";
-import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/useSocket.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,

client/src/pages/manage/manage.page.component.jsx

@@ -20,7 +20,7 @@ import PartnerPingComponent from "../../components/partner-ping/partner-ping.com
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container";
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component";
 import { requestForToken } from "../../firebase/firebase.utils";
-import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/useSocket.jsx";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
 import UpdateAlert from "../../components/update-alert/update-alert.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";