From 369bfb73cf2c49211129c8dff224f0a37ccd507e Mon Sep 17 00:00:00 2001
From: Aaysha <109507451+aayshasura@users.noreply.github.com>
Date: Thu, 18 May 2023 14:20:52 +0530
Subject: [PATCH] Fixing the Trigger of Heap Event : Console Load Onboarding
 Wizard

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/9193
GitOrigin-RevId: 922940c5c3fbfb08efe0dd838d1e0e2c63459e53
---
 .../components/ConnectDBScreen/ConnectDBScreen.tsx     | 10 +++++++++-
 .../OnboardingWizard/hooks/useWizardState.ts           |  9 ---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/components/ConnectDBScreen/ConnectDBScreen.tsx b/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/components/ConnectDBScreen/ConnectDBScreen.tsx
index 6277e8e0ef995..5e6dcbcc76ecc 100644
--- a/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/components/ConnectDBScreen/ConnectDBScreen.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/components/ConnectDBScreen/ConnectDBScreen.tsx
@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Dispatch } from '../../../../../types';
 
 import { OnboardingAnimation } from './components/OnboardingAnimation';
 import { NeonOnboarding } from './components/NeonOnboarding';
+import { trackCustomEvent } from '../../../../Analytics';
 
 type ConnectDBScreenProps = {
   proceed: VoidFunction;
@@ -12,6 +13,13 @@ type ConnectDBScreenProps = {
 };
 
 export function ConnectDBScreen(props: ConnectDBScreenProps) {
+  useEffect(() => {
+    trackCustomEvent({
+      location: 'Console',
+      action: 'Load',
+      object: 'Neon Onboarding Wizard',
+    });
+  }, []);
   const { proceed, dismissOnboarding, dispatch, setStepperIndex } = props;
 
   return (
diff --git a/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/hooks/useWizardState.ts b/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/hooks/useWizardState.ts
index ea3aec5d386cb..50f7243d2fcc5 100644
--- a/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/hooks/useWizardState.ts
+++ b/frontend/libs/console/legacy-ce/src/lib/features/CloudOnboarding/OnboardingWizard/hooks/useWizardState.ts
@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { useSurveysData } from '../../../Surveys';
-import { trackCustomEvent } from '../../../Analytics';
 import { useOnboardingData } from './useOnboardingData';
 import { getWizardState } from '../utils';
 import { AllowedSurveyNames } from '../../../Surveys/types';
@@ -14,14 +13,6 @@ export type WizardState =
   | 'hidden';
 
 export function useWizardState() {
-  useEffect(() => {
-    trackCustomEvent({
-      location: 'Console',
-      action: 'Load',
-      object: 'Onboarding Wizard',
-    });
-  }, []);
-
   const {
     show: showSurvey,
     data: familiaritySurveyData,