Merge pull request #115 from navi-sa/TP-54407

TP-54407 | added clickstream for jira dashboard

.github/PULL_REQUEST_TEMPLATE.md

@@ -16,3 +16,4 @@
 - [ ] Peer review
 - [ ] Font-family / Basic css shouldn’t be overridden
 - [ ] File changes shouldn’t be more than 20-30, if its more than 25 please create a draft PR and share it so it can reviewed properly.
+- [ ] add required clickstrean events if neccesary

src/Pages/JiraDashboard/index.tsx

@@ -11,6 +11,8 @@ import {
   setCurrentPageSize,
 } from '@src/slices/jiraDashboardSlice';
 import { ApiService } from '@src/services/api';
+import useClickStream from '@src/services/clickStream';
+import { CLICK_STREAM_EVENT_FACTORY } from '@src/services/clickStream/constants/values';
 import { JiraDashboardData, JiraDashboardState } from '@src/types';
 import { FetchJiraDataProps } from './types';
 import { FETCH_JIRA_DATA } from './constants';
@@ -31,6 +33,8 @@ const JiraDashboard: FC = () => {
   const dispatch = useDispatch();
   const [searchParams, setSearchParams] = useSearchParams();
   const navigate = useNavigate();
+  const { fireEvent } = useClickStream();
+  const { EVENT_NAME, SCREEN_NAME } = CLICK_STREAM_EVENT_FACTORY;
 
   const startJiraSearch = (param: string): void => {
     const endPoint = FETCH_JIRA_DATA(param);
@@ -53,6 +57,12 @@ const JiraDashboard: FC = () => {
       });
   };
 
+  useEffect(() => {
+    fireEvent(EVENT_NAME.Houston_Jira_Dashboard_Land, {
+      screen_name: SCREEN_NAME.JIRA_DASHBOARD_PAGE,
+    });
+  }, []);
+
   useEffect(() => {
     const pageNumberParam = searchParams.get('page_number');
     const pageSizeParam = searchParams.get('page_size');

src/Pages/JiraDashboard/partials/HyperlinkCellRenderer.tsx

@@ -1,5 +1,7 @@
 import React, { FC } from 'react';
 import { useNavigate } from 'react-router-dom';
+import useClickStream from '@src/services/clickStream';
+import { CLICK_STREAM_EVENT_FACTORY } from '@src/services/clickStream/constants/values';
 import GoToLinkIcon from '@src/assets/GoToLinkIcon';
 import styles from '../Dashboard.module.scss';
 
@@ -12,8 +14,14 @@ const HyperlinkCellRenderer: FC<HyperlinkCellRendererProps> = ({
   value,
   id,
 }) => {
+  const { fireEvent } = useClickStream();
+  const { EVENT_NAME, SCREEN_NAME } = CLICK_STREAM_EVENT_FACTORY;
+
   const navigate = useNavigate();
   const handleClick = (): void => {
+    fireEvent(EVENT_NAME.Houston_Jira_Incident_Click, {
+      screen_name: SCREEN_NAME.JIRA_DASHBOARD_PAGE,
+    });
     navigate(`/incident/${id}`);
   };
 

src/services/clickStream/constants/values.ts

@@ -6,6 +6,8 @@ const EVENT_NAME = {
   Houston_Team_Land: 'Houston_Team_Land',
   Houston_dashboard_Land: 'Houston_dashboard_Land',
   Houston_Metric_Land: 'Houston_Metric_Land',
+  Houston_Jira_Dashboard_Land: 'Houston_Jira_Dashboard_Land',
+  Houston_Jira_Incident_Click: 'Houston_Jira_Incident_Click',
   Houston_Add_Member: 'Houston_Add_Member',
   Houston_Check_DateFilter: 'Houston_Check_DateFilter',
   Houston_Check_Incident: 'Houston_Check_Incident',
@@ -27,6 +29,7 @@ const SCREEN_NAME = {
   DASHBOARD_PAGE: 'dashboard_page',
   METRIC_PAGE: 'metric_page',
   INCIDENT_PAGE: 'incident_page',
+  JIRA_DASHBOARD_PAGE: 'jira_dashboard_page',
 };
 
 export const CLICK_STREAM_EVENT_FACTORY = {