From a20693fa9fd3be9e708c7cd5da23d515869037b4 Mon Sep 17 00:00:00 2001
From: Yunus M <myounis.ar@live.com>
Date: Fri, 1 Dec 2023 21:55:21 +0530
Subject: [PATCH] fix: add onboarding complete event (#4140)

---
 .../common/ModuleStepsContainer/ModuleStepsContainer.tsx    | 6 ++++++
 frontend/src/index.html.ejs                                 | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/container/OnboardingContainer/common/ModuleStepsContainer/ModuleStepsContainer.tsx b/frontend/src/container/OnboardingContainer/common/ModuleStepsContainer/ModuleStepsContainer.tsx
index 136602adf4..df46b938f5 100644
--- a/frontend/src/container/OnboardingContainer/common/ModuleStepsContainer/ModuleStepsContainer.tsx
+++ b/frontend/src/container/OnboardingContainer/common/ModuleStepsContainer/ModuleStepsContainer.tsx
@@ -11,6 +11,7 @@ import ROUTES from 'constants/routes';
 import { stepsMap } from 'container/OnboardingContainer/constants/stepsConfig';
 import { DataSourceType } from 'container/OnboardingContainer/Steps/DataSource/DataSource';
 import { hasFrameworks } from 'container/OnboardingContainer/utils/dataSourceUtils';
+import useAnalytics from 'hooks/analytics/useAnalytics';
 import history from 'lib/history';
 import { isEmpty } from 'lodash-es';
 import { useState } from 'react';
@@ -71,6 +72,7 @@ export default function ModuleStepsContainer({
 
 	const [current, setCurrent] = useState(0);
 	const [metaData, setMetaData] = useState<MetaDataProps[]>(defaultMetaData);
+	const { trackEvent } = useAnalytics();
 	const lastStepIndex = selectedModuleSteps.length - 1;
 
 	const isValidForm = (): boolean => {
@@ -126,6 +128,10 @@ export default function ModuleStepsContainer({
 	};
 
 	const redirectToModules = (): void => {
+		trackEvent('Onboarding Complete', {
+			module: selectedModule.id,
+		});
+
 		if (selectedModule.id === ModulesMap.APM) {
 			history.push(ROUTES.APPLICATION);
 		} else if (selectedModule.id === ModulesMap.LogsManagement) {
diff --git a/frontend/src/index.html.ejs b/frontend/src/index.html.ejs
index d6f1afb64a..f46fd07f01 100644
--- a/frontend/src/index.html.ejs
+++ b/frontend/src/index.html.ejs
@@ -115,7 +115,7 @@
 		</script>
 
 		<script type="text/javascript">
-			//Set your SEGMENT_ID
+			//Set your CLARITY_PROJECT_ID
 			const CLARITY_PROJECT_ID =
 				'<%= htmlWebpackPlugin.options.CLARITY_PROJECT_ID %>';