Added in-session recent items with cross tab support. BOD-178

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

@@ -2,6 +2,7 @@ import { useMutation, useQuery } from "@apollo/react-hooks";
 import { notification } from "antd";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
 import AlertComponent from "../../components/alert/alert.component";
 import SpinComponent from "../../components/loading-spinner/loading-spinner.component";
 import {
@@ -10,12 +11,12 @@ import {
   UPDATE_JOB,
   UPDATE_JOB_STATUS,
 } from "../../graphql/jobs.queries";
-import JobsDetailPage from "./jobs-detail.page.component";
 import {
-  setBreadcrumbs,
   addRecentItem,
+  setBreadcrumbs,
 } from "../../redux/application/application.actions";
-import { connect } from "react-redux";
+import { CreateRecentItem } from "../../utils/create-recent-item";
+import JobsDetailPage from "./jobs-detail.page.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -71,13 +72,23 @@ function JobsDetailPageContainer({ match, setBreadcrumbs, addRecentItem }) {
         }),
       },
     ]);
-  }, [loading, data, t, error, setBreadcrumbs, jobId]);
+
+    if (data)
+      addRecentItem(
+        CreateRecentItem(
+          jobId,
+          "job",
+          `${data.jobs_by_pk.est_number || ""} | ${
+            data.jobs_by_pk.ro_number || ""
+          }`,
+          `/manage/jobs/${jobId}`
+        )
+      );
+  }, [loading, data, t, error, setBreadcrumbs, jobId, addRecentItem]);
 
   if (loading) return <SpinComponent />;
   if (error) return <AlertComponent message={error.message} type="error" />;
 
-  if (data) addRecentItem({ id: 1234, label: " abcd" });
-
   return data.jobs_by_pk ? (
     <JobsDetailPage
       job={data.jobs_by_pk}