feature/IO-3096-GlobalNotifications - Checkpoint - Splits are now in place

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

@@ -57,6 +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";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -103,6 +104,7 @@ export function JobsDetailPage({
     nextFetchPolicy: "network-only"
   });
   const notification = useNotification();
+  const { scenarioNotificationsOn } = useSocket();
 
   useEffect(() => {
     //form.setFieldsValue(transormJobToForm(job));
@@ -323,7 +325,7 @@ export function JobsDetailPage({
 
           title={
             <Space>
-              <JobWatcherToggle job={job} />
+              {scenarioNotificationsOn && <JobWatcherToggle job={job} />}
               {job.ro_number || t("general.labels.na")}
             </Space>
           }