From a6df3a6deb3ac815bd2ce86947c6236e81d5a94b Mon Sep 17 00:00:00 2001
From: akash-codemonk <67054171+akash-codemonk@users.noreply.github.com>
Date: Mon, 12 Dec 2022 10:12:17 +0530
Subject: [PATCH] chore: add analytics for page creation ctas (#18676)

---
 .../Editor/Explorer/Pages/AddPageContextMenu.tsx     |  7 +++++++
 .../Editor/WidgetsEditor/EmptyCanvasSection.tsx      | 12 +++++++++++-
 app/client/src/utils/AnalyticsUtil.tsx               |  2 ++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/app/client/src/pages/Editor/Explorer/Pages/AddPageContextMenu.tsx b/app/client/src/pages/Editor/Explorer/Pages/AddPageContextMenu.tsx
index 0053914aba..7abbc495ee 100644
--- a/app/client/src/pages/Editor/Explorer/Pages/AddPageContextMenu.tsx
+++ b/app/client/src/pages/Editor/Explorer/Pages/AddPageContextMenu.tsx
@@ -32,6 +32,7 @@ import {
 } from "@appsmith/constants/messages";
 import HotKeys from "../Files/SubmenuHotkeys";
 import { selectFeatureFlags } from "selectors/usersSelectors";
+import AnalyticsUtil from "utils/AnalyticsUtil";
 
 const MenuItem = styled.div<{ active: boolean }>`
   display: flex;
@@ -91,12 +92,14 @@ function AddPageContextMenu({
         icon: FileAddIcon,
         onClick: createPageCallback,
         "data-cy": "add-page",
+        key: "CREATE_PAGE",
       },
       {
         title: createMessage(GENERATE_PAGE_ACTION_TITLE),
         icon: Database2LineIcon,
         onClick: () => history.push(generateTemplateFormURL({ pageId })),
         "data-cy": "generate-page",
+        key: "GENERATE_PAGE",
       },
     ];
 
@@ -106,6 +109,7 @@ function AddPageContextMenu({
         icon: Layout2LineIcon,
         onClick: () => dispatch(showTemplatesModal(true)),
         "data-cy": "add-page-from-template",
+        key: "ADD_PAGE_FROM_TEMPLATE",
       });
     }
 
@@ -134,6 +138,9 @@ function AddPageContextMenu({
   const onMenuItemClick = (item: typeof ContextMenuItems[number]) => {
     setShow(false);
     item.onClick();
+    AnalyticsUtil.logEvent("ENTITY_EXPLORER_ADD_PAGE_CLICK", {
+      item: item.key,
+    });
   };
 
   return (
diff --git a/app/client/src/pages/Editor/WidgetsEditor/EmptyCanvasSection.tsx b/app/client/src/pages/Editor/WidgetsEditor/EmptyCanvasSection.tsx
index 3200a95538..b898148732 100644
--- a/app/client/src/pages/Editor/WidgetsEditor/EmptyCanvasSection.tsx
+++ b/app/client/src/pages/Editor/WidgetsEditor/EmptyCanvasSection.tsx
@@ -96,6 +96,16 @@ function CanvasTopSection() {
 
   const showTemplatesModal = () => {
     dispatch(showTemplatesModalAction(true));
+    AnalyticsUtil.logEvent("CANVAS_BLANK_PAGE_CTA_CLICK", {
+      item: "ADD_PAGE_FROM_TEMPLATE",
+    });
+  };
+
+  const onGeneratePageClick = () => {
+    goToGenPageForm({ applicationSlug, pageSlug, pageId });
+    AnalyticsUtil.logEvent("CANVAS_BLANK_PAGE_CTA_CLICK", {
+      item: "GENERATE_PAGE",
+    });
   };
 
   return (
@@ -116,7 +126,7 @@ function CanvasTopSection() {
       <Card
         centerAlign={!featureFlags.TEMPLATES_PHASE_2}
         data-cy="generate-app"
-        onClick={() => goToGenPageForm({ applicationSlug, pageSlug, pageId })}
+        onClick={onGeneratePageClick}
       >
         <Database />
         <Content>
diff --git a/app/client/src/utils/AnalyticsUtil.tsx b/app/client/src/utils/AnalyticsUtil.tsx
index 34d0cd8feb..a1ad60550b 100644
--- a/app/client/src/utils/AnalyticsUtil.tsx
+++ b/app/client/src/utils/AnalyticsUtil.tsx
@@ -268,6 +268,8 @@ export type EventName =
   | "SHOW_BINDINGS_TRIGGERED"
   | "BINDING_COPIED"
   | "AUTO_HEIGHT_OVERLAY_HANDLES_UPDATE"
+  | "ENTITY_EXPLORER_ADD_PAGE_CLICK"
+  | "CANVAS_BLANK_PAGE_CTA_CLICK"
   | AUDIT_LOGS_EVENT_NAMES
   | "BRANDING_UPGRADE_CLICK"
   | "BRANDING_PROPERTY_UPDATE"