Track home actions

web/pages/home/edit.tsx

@@ -11,6 +11,7 @@ import { useMemberGroups } from 'web/hooks/use-group'
 import { useTracking } from 'web/hooks/use-tracking'
 import { useUser } from 'web/hooks/use-user'
 import { updateUser } from 'web/lib/firebase/users'
+import { track } from 'web/lib/service/analytics'
 import { getHomeItems } from '.'
 
 export default function Home() {
@@ -52,6 +53,7 @@ function DoneButton(props: { className?: string }) {
         size="lg"
         color="blue"
         className={clsx(className, 'flex whitespace-nowrap')}
+        onClick={() => track('done editing home')}
       >
         Done
       </Button>

web/pages/home/index.tsx

@@ -169,7 +169,11 @@ function SectionHeader(props: {
 
   return (
     <Row className="mb-3 items-center justify-between">
-      <SiteLink className="text-xl" href={href}>
+      <SiteLink
+        className="text-xl"
+        href={href}
+        onClick={() => track('home click section header', { section: href })}
+      >
         {label}{' '}
         <ArrowSmRightIcon
           className="mb-0.5 inline h-6 w-6 text-gray-500"
@@ -349,6 +353,8 @@ function TrendingGroupsSection(props: { user: User | null | undefined }) {
                   success: `Followed ${g.name}`,
                   error: "Couldn't follow group, try again?",
                 })
+
+                track('home follow group', { group: g.slug })
               }
             }}
           >