diff --git a/web/components/pages/pages-list/list-item.tsx b/web/components/pages/pages-list/list-item.tsx index fb0b6f0d5..7c0913a5f 100644 --- a/web/components/pages/pages-list/list-item.tsx +++ b/web/components/pages/pages-list/list-item.tsx @@ -20,7 +20,15 @@ import { CustomMenu, Tooltip } from "@plane/ui"; import { CreateUpdatePageModal, DeletePageModal } from "components/pages"; // constants import { EUserProjectRoles } from "constants/project"; -import { PAGE_ARCHIVED, PAGE_FAVORITED, PAGE_RESTORED, PAGE_UNFAVORITED, PAGE_UPDATED } from "constants/event-tracker"; +import { + E_PROJECT_PAGES, + PAGE_ARCHIVED, + PAGE_FAVORITED, + PAGE_RESTORED, + PAGE_UNFAVORITED, + PAGE_UPDATED, + PAGE_VIEWED, +} from "constants/event-tracker"; import { renderFormattedTime, renderFormattedDate } from "helpers/date-time.helper"; import { copyUrlToClipboard } from "helpers/string.helper"; // hooks @@ -56,7 +64,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } const { project: { getProjectMemberDetails }, } = useMember(); - const { captureEvent } = useEventTracker(); + const { captureEvent, capturePageEvent } = useEventTracker(); if (!pageStore) return null; @@ -88,7 +96,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } addToFavorites().then(() => { captureEvent(PAGE_FAVORITED, { page_id: pageId, - element: "Project pages page", + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -101,6 +109,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } removeFromFavorites().then(() => { captureEvent(PAGE_UNFAVORITED, { page_id: pageId, + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -114,7 +123,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } captureEvent(PAGE_UPDATED, { page_id: pageId, access: "public", - element: "Project pages page", + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -128,7 +137,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } captureEvent(PAGE_UPDATED, { page_id: pageId, access: "private", - element: "Project pages page", + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -142,7 +151,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } captureEvent(PAGE_ARCHIVED, { page_id: pageId, access: access == 1 ? "private" : "public", - element: "Project pages page", + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -156,7 +165,7 @@ export const PagesListItem: FC = observer(({ pageId, projectId } captureEvent(PAGE_RESTORED, { page_id: pageId, access: access == 1 ? "private" : "public", - element: "Project pages page", + element: E_PROJECT_PAGES, state: "SUCCESS", }); }); @@ -197,7 +206,18 @@ export const PagesListItem: FC = observer(({ pageId, projectId } /> setDeletePageModal(false)} pageId={pageId} />
  • - + + capturePageEvent({ + eventName: PAGE_VIEWED, + payload: { + ...pageStore, + element: E_PROJECT_PAGES, + }, + }) + } + >
    diff --git a/web/components/project/sidebar-list-item.tsx b/web/components/project/sidebar-list-item.tsx index 5d9aeb071..3b2117a0c 100644 --- a/web/components/project/sidebar-list-item.tsx +++ b/web/components/project/sidebar-list-item.tsx @@ -163,7 +163,6 @@ export const ProjectSidebarListItem: React.FC = observer((props) => { if (window.innerWidth < 768) { themeStore.toggleSidebar(); } - setTrackElement("Project sidebar"); }; useOutsideClickDetector(actionSectionRef, () => setIsMenuActive(false)); diff --git a/web/constants/event-tracker.ts b/web/constants/event-tracker.ts index a578e2225..bd3ea0e8f 100644 --- a/web/constants/event-tracker.ts +++ b/web/constants/event-tracker.ts @@ -254,6 +254,7 @@ export const ESTIMATE_DELETED = "Estimate deleted"; export const ESTIMATE_USED = "Estimate used"; export const ESTIMATE_DISABLED = "Estimate disabled"; // Project Page Events +export const PAGE_VIEWED = "Page viewed"; export const PAGE_CREATED = "Page created"; export const PAGE_UPDATED = "Page updated"; export const PAGE_DELETED = "Page deleted"; @@ -334,3 +335,5 @@ export const SNOOZED_NOTIFICATIONS = "Snoozed notifications viewed"; export const ARCHIVED_NOTIFICATIONS = "Archived notifications viewed"; // Groups export const GROUP_WORKSPACE = "Workspace_metrics"; +// Elements +export const E_PROJECT_PAGES = "Project pages page"; \ No newline at end of file