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

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

@@ -11,14 +11,19 @@ import {
   QUERY_CONTRACT_BY_PK,
   UPDATE_CONTRACT,
 } from "../../graphql/cccontracts.queries";
-import { setBreadcrumbs } from "../../redux/application/application.actions";
+import {
+  setBreadcrumbs,
+  addRecentItem,
+} from "../../redux/application/application.actions";
 import ContractDetailPageComponent from "./contract-detail.page.component";
+import { CreateRecentItem } from "../../utils/create-recent-item";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  addRecentItem: (item) => dispatch(addRecentItem(item)),
 });
 
-export function ContractDetailPageContainer({ setBreadcrumbs }) {
+export function ContractDetailPageContainer({ setBreadcrumbs, addRecentItem }) {
   const { t } = useTranslation();
   const [updateContract] = useMutation(UPDATE_CONTRACT);
   const [form] = Form.useForm();
@@ -50,7 +55,17 @@ export function ContractDetailPageContainer({ setBreadcrumbs }) {
         }),
       },
     ]);
-  }, [t, data, error, loading, setBreadcrumbs]);
+
+    if (data)
+      addRecentItem(
+        CreateRecentItem(
+          contractId,
+          "contract",
+          data.cccontracts_by_pk.agreementnumber,
+          `/manage/courtesycars/contracts/${contractId}`
+        )
+      );
+  }, [t, data, error, loading, setBreadcrumbs, addRecentItem]);
 
   const handleFinish = (values) => {
     updateContract({