feat(core): add journal navigation tracking (#8046)

fix AF-1314

Author: pengx17

packages/frontend/core/src/components/affine/reference-link/index.tsx

@@ -1,5 +1,6 @@
 import { useDocMetaHelper } from '@affine/core/hooks/use-block-suite-page-meta';
 import { useJournalHelper } from '@affine/core/hooks/use-journal';
+import { track } from '@affine/core/mixpanel';
 import {
   PeekViewService,
   useInsidePeekView,
@@ -123,9 +124,16 @@ export function AffinePageReference({
 
   const peekView = useService(PeekViewService).peekView;
   const isInPeekView = useInsidePeekView();
+  const isJournal = journalHelper.isPageJournal(pageId);
 
   const onClick = useCallback(
     (e: React.MouseEvent) => {
+      if (isJournal) {
+        track.doc.editor.pageRef.navigate({
+          to: 'journal',
+        });
+      }
+
       if (e.shiftKey && ref.current) {
         e.preventDefault();
         e.stopPropagation();
@@ -141,7 +149,7 @@ export function AffinePageReference({
 
       return;
     },
-    [isInPeekView, peekView]
+    [isInPeekView, isJournal, peekView]
   );
 
   const query = useMemo(() => {

packages/frontend/core/src/hooks/use-journal.ts

@@ -3,6 +3,7 @@ import { DocsService, initEmptyPage, useService } from '@toeverything/infra';
 import dayjs from 'dayjs';
 import { useCallback, useMemo } from 'react';
 
+import { track } from '../mixpanel';
 import { WorkbenchService } from '../modules/workbench';
 import type { DocCollection } from '../shared';
 import { useCurrentWorkspacePropertiesAdapter } from './use-affine-adapter';
@@ -164,6 +165,9 @@ export const useJournalRouteHelper = (docCollection: DocCollection) => {
       workbench.openDoc(page.id, {
         at: newTab ? 'new-tab' : 'active',
       });
+      track.$.navigationPanel.journal.navigate({
+        to: 'journal',
+      });
       return page.id;
     },
     [getJournalByDate, workbench]

packages/frontend/core/src/mixpanel/events.ts

@@ -221,6 +221,7 @@ const PageEvents = {
         'openSettings',
       ],
       profileAndBadge: ['openSettings'],
+      journal: ['navigate'],
     },
     aiOnboarding: {
       dialog: ['viewPlans'],
@@ -263,6 +264,7 @@ const PageEvents = {
       slashMenu: ['linkDoc', 'createDoc'],
       atMenu: ['linkDoc'],
       formatToolbar: ['bold'],
+      pageRef: ['navigate'],
     },
     inlineDocInfo: {
       $: ['toggle'],