Access CSI from Job using header menu BOD-137

client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.csi.component.jsx

@@ -12,6 +12,8 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { setEmailOptions } from "../../redux/email/email.actions";
 import { TemplateList } from "../../utils/TemplateConstants";
 import { logImEXEvent } from "../../firebase/firebase.utils";
+import { DateTimeFormatter } from "../../utils/DateFormatter";
+import { Link } from "react-router-dom";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser'
@@ -116,6 +118,14 @@ export function JobsDetailHeaderCsi({
         disabled={!!!job.ownr_ph1}>
         {t("general.labels.text")}
       </Menu.Item>
+      <Menu.Divider />
+      {job.csiinvites.map((item, idx) => (
+        <Menu.Item key={idx}>
+          <Link to={`/manage/shop/csi?responseid=${item.id}`}>
+            <DateTimeFormatter>{item.completedon}</DateTimeFormatter>
+          </Link>
+        </Menu.Item>
+      ))}
     </Menu.SubMenu>
   );
 }

client/src/graphql/jobs.queries.js

@@ -407,6 +407,10 @@ export const GET_JOB_BY_PK = gql`
         agreementnumber
       }
       cieca_ttl
+      csiinvites {
+        id
+        completedon
+      }
     }
   }
 `;