fix: add collect event (#93)

AppFlowy-IO · Dec 31, 2024 · 4eb9fb0 · 4eb9fb0
1 parent 82b475c
commit 4eb9fb0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/components/layout/nav/navbar-popover.tsx b/components/layout/nav/navbar-popover.tsx
@@ -1,3 +1,4 @@
+import { collectEvent, EventName } from '@/lib/collect';
 import React, { useCallback, useMemo } from 'react';
 import Popover from '@/components/shared/popover';
 import { navigation } from '@/lib/config/navigation';
@@ -48,7 +49,15 @@ function NavbarPopover({
             {group.name === 'Download' && (
               <div className={'w-full overflow-hidden whitespace-pre-wrap px-4 text-sm text-gray-400'}>
                 AppFlowy is now in{' '}
-                <Link className={'hover:text-primary underline'} href={'https://appflowy.com'}>
+                <Link
+                  onClick={() => {
+                    collectEvent(EventName.downloadBrowserBtn, {
+                      type: 'click',
+                    });
+                  }}
+                  className={'hover:text-primary underline'}
+                  href={'https://appflowy.com'}
+                >
                   your browser
                 </Link>
               </div>

diff --git a/lib/collect.ts b/lib/collect.ts
@@ -18,6 +18,7 @@ export enum EventName {
   downloadIOSModalCancelBtn = 'download_ios_modal_cancel_btn',
   downloadAndroidModalOkBtn = 'download_android_modal_ok_btn',
   downloadAndroidModalCancelBtn = 'download_android_modal_cancel_btn',
+  downloadBrowserBtn = 'download_browser_btn',
 }
 
 export interface DownloadParams extends BaseParams {
@@ -50,7 +51,8 @@ export function collectEvent(
     | EventName.downloadAndroidModalCancelBtn
     | EventName.downloadIOSTestFlightBtn
     | EventName.downloadAppleBtn
-    | EventName.downloadAndroidBtn,
+    | EventName.downloadAndroidBtn
+    | EventName.downloadBrowserBtn,
   params: {
     type: 'view' | 'click';
   }