feature/IO-3096-GlobalNotifications - Watchers - First revision.

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

@@ -2,6 +2,7 @@ import Icon, {
   BarsOutlined,
   CalendarFilled,
   DollarCircleOutlined,
+  EyeOutlined,
   FileImageFilled,
   HistoryOutlined,
   PrinterFilled,
@@ -56,6 +57,7 @@ import { DateTimeFormat } from "../../utils/DateFormatter";
 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";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -266,6 +268,8 @@ export function JobsDetailPage({
     }
   };
 
+  const handleWatchClick = () => {};
+
   const menuExtra = (
     <Space wrap>
       <Button
@@ -319,7 +323,13 @@ export function JobsDetailPage({
       >
         <PageHeader
           // onBack={() => window.history.back()}
-          title={job.ro_number || t("general.labels.na")}
+
+          title={
+            <Space>
+              <JobWatcherToggle job={job} currentUser={bodyshop} />
+              {job.ro_number || t("general.labels.na")}
+            </Space>
+          }
           extra={menuExtra}
         />
         <JobsDetailHeader job={job} />