Merge pull request #583 from AkshataKatwal16/reassign-cohorts

Issue feat:Add telemetry events for board-enrolment
tekdi · Jan 8, 2025 · b121c62 · b121c62
2 parents 79508fe + 1956c6b
commit b121c62
Show file tree

Hide file tree

Showing 6 changed files with 95 additions and 2 deletions.
diff --git a/src/components/AttendanceComparison.tsx b/src/components/AttendanceComparison.tsx
@@ -297,6 +297,7 @@ const AttendanceComparison: React.FC<AttendanceComparisonProps> = ({
                   tickFormatter={(value: any) => `${value}%`}
                   height={0}
                   reversed={isRTL ? true : false}
+                  domain={[0, 100]}
                 />
                 <YAxis
                   type="category"

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -20,6 +20,8 @@ import ConfirmationModal from './ConfirmationModal';
 import StyledMenu from './StyledMenu';
 import { UpdateDeviceNotification } from '@/services/NotificationService';
 import {  getUserId } from '../services/ProfileService';
+import { Telemetry } from '@/utils/app.constant';
+import { telemetryFactory } from '@/utils/telemetry';
 
 interface HeaderProps {
   toggleDrawer?: (newOpen: boolean) => () => void;
@@ -83,6 +85,23 @@ const Header: React.FC<HeaderProps> = ({ toggleDrawer, openDrawer }) => {
 
     const tenantid = localStorage.getItem('tenantId')
     const deviceID = localStorage.getItem('deviceID');
+    const windowUrl = window.location.pathname;
+    const cleanedUrl = windowUrl.replace(/^\//, '');
+    const env = cleanedUrl.split("/")[0];
+    const telemetryInteract = {
+      context: {
+        env: env,
+        cdata: [],
+      },
+      edata: {
+        id: 'logout-user',
+
+        type: Telemetry.CLICK,
+        subtype: '',
+        pageid: cleanedUrl,
+      },
+    };
+    telemetryFactory.interact(telemetryInteract);
     if (deviceID) {
       try {
 

diff --git a/src/components/SortingModal.tsx b/src/components/SortingModal.tsx
@@ -15,6 +15,8 @@ import { useTheme } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import ModalComponent from './Modal';
 import { avgLearnerAttendanceLimit, lowLearnerAttendanceLimit } from '../../app.config';
+import { Telemetry } from '@/utils/app.constant';
+import { telemetryFactory } from '../utils/telemetry';
 
 interface sortCardProps {
   handleSorting?: (
@@ -140,6 +142,23 @@ const SortingModal: React.FC<sortCardProps> = ({
           sortByStages
         ],
       });
+      const windowUrl = window.location.pathname;
+      const cleanedUrl = windowUrl.replace(/^\//, '');
+      const env = cleanedUrl.split("/")[0];
+      const telemetryInteract = {
+        context: {
+          env: env,
+          cdata: [],
+        },
+        edata: {
+          id: 'sort-by-applied',
+
+          type: Telemetry.CLICK,
+          subtype: '',
+          pageid: cleanedUrl,
+        },
+      };
+      telemetryFactory.interact(telemetryInteract);
     }
     handleCloseModal();
   };

diff --git a/src/pages/board-enrollment/student-detail/[userId].tsx b/src/pages/board-enrollment/student-detail/[userId].tsx
@@ -18,7 +18,7 @@ import { logEvent } from '@/utils/googleAnalytics';
 import { useTheme } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import HorizontalLinearStepper from '@/components/HorizontalLinearStepper';
-import { FeesStepBoards } from '@/utils/app.constant';
+import { FeesStepBoards, Telemetry } from '@/utils/app.constant';
 import { useDirection } from '../../../hooks/useDirection';
 import BoardEnrollmentProfile from '@/components/BoardEnrollmentProfile';
 import { GetStaticPaths } from 'next';
@@ -40,6 +40,7 @@ import useStore from '@/store/store';
 import { updateCohortMemberStatus } from '@/services/MyClassDetailsService';
 import ConfirmationModal from '@/components/ConfirmationModal';
 import { showToastMessage } from '../../../components/Toastify';
+import { telemetryFactory } from '@/utils/telemetry';
 
 interface BoardEnrollment {
   boardEnrollmentData: {
@@ -435,6 +436,23 @@ const BoardEnrollmentDetail = () => {
       console.log('API Response:', response);
 
       if (response && response.params.status === 'successful' && response.responseCode === 201) {
+        const windowUrl = window.location.pathname;
+        const cleanedUrl = windowUrl.replace(/^\//, '');
+        const env = cleanedUrl.split("/")[0];
+        const telemetryInteract = {
+          context: {
+            env: env,
+            cdata: [],
+          },
+          edata: {
+            id: `endrolled-student(${userId})-to step ` + nextStep,
+
+            type: Telemetry.CLICK,
+            subtype: '',
+            pageid: cleanedUrl,
+          },
+        };
+        telemetryFactory.interact(telemetryInteract);
         // API successful, update step state to nextStep
         setActiveStep(nextStep);
       } else {

diff --git a/src/pages/login.tsx b/src/pages/login.tsx
@@ -360,6 +360,24 @@ const LoginPage = () => {
             'error'
           );
         }
+
+        const windowUrl = window.location.pathname;
+    const cleanedUrl = windowUrl.replace(/^\//, '');
+    const env = cleanedUrl.split("/")[0];
+    const telemetryInteract = {
+      context: {
+        env: env,
+        cdata: [],
+      },
+      edata: {
+        id: 'failed-login',
+
+        type: Telemetry.CLICK,
+        subtype: '',
+        pageid: cleanedUrl,
+      },
+    };
+    telemetryFactory.interact(telemetryInteract);
       }
     }
   };

diff --git a/src/pages/topic-detail-view.tsx b/src/pages/topic-detail-view.tsx
@@ -1,7 +1,7 @@
 import CourseAccordion from '@/components/CourseAccordion';
 import Header from '@/components/Header';
 import useCourseStore from '@/store/coursePlannerStore';
-import { ResourcesType } from '@/utils/app.constant';
+import { ResourcesType, Telemetry } from '@/utils/app.constant';
 import { logEvent } from '@/utils/googleAnalytics';
 import KeyboardBackspaceOutlinedIcon from '@mui/icons-material/KeyboardBackspaceOutlined';
 import { Box, Tab, Tabs } from '@mui/material';
@@ -12,6 +12,7 @@ import router from 'next/router';
 import React, { useEffect, useState } from 'react';
 import { useDirection } from '../hooks/useDirection';
 import { RequisiteType } from '../../app.config';
+import { telemetryFactory } from '@/utils/telemetry';
 
 const TopicDetailView = () => {
   const [value, setValue] = React.useState(1);
@@ -42,6 +43,23 @@ const TopicDetailView = () => {
   };
 
   const handleChange = (event: React.SyntheticEvent, newValue: number) => {
+    const windowUrl = window.location.pathname;
+      const cleanedUrl = windowUrl.replace(/^\//, '');
+      const env = cleanedUrl.split("/")[0];
+    const telemetryInteract = {
+      context: {
+        env: env,
+        cdata: [],
+      },
+      edata: {
+        id:
+          newValue === 1 ? 'change-tab-to-facilitator' : 'change-tab-to-learner',
+        type: Telemetry.CLICK,
+        subtype: '',
+        pageid: cleanedUrl,
+      },
+    };
+    telemetryFactory.interact(telemetryInteract);
     setValue(newValue);
   };