From b6c9d34e452405e8e735599967d6ebfb2abe99e9 Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Wed, 20 Mar 2024 00:56:31 +0000
Subject: [PATCH] [Statsig] Track feed refresh (#3283)
---
src/lib/statsig/events.ts | 4 ++++
src/view/com/feeds/FeedPage.tsx | 9 +++++++++
src/view/com/posts/Feed.tsx | 8 ++++++--
3 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/lib/statsig/events.ts b/src/lib/statsig/events.ts
index b91a15ec..420c58ed 100644
--- a/src/lib/statsig/events.ts
+++ b/src/lib/statsig/events.ts
@@ -9,6 +9,10 @@ export type LogEvents = {
feedType: string
itemCount: number
}
+ 'feed:refresh': {
+ feedType: string
+ reason: 'pull-to-refresh' | 'soft-reset' | 'load-latest'
+ }
'post:create': {
imageCount: number
isReply: boolean
diff --git a/src/view/com/feeds/FeedPage.tsx b/src/view/com/feeds/FeedPage.tsx
index e6b5d1fb..2d0736b0 100644
--- a/src/view/com/feeds/FeedPage.tsx
+++ b/src/view/com/feeds/FeedPage.tsx
@@ -22,6 +22,7 @@ import {listenSoftReset} from '#/state/events'
import {truncateAndInvalidate} from '#/state/queries/util'
import {TabState, getTabState, getRootNavigation} from '#/lib/routes/helpers'
import {isNative} from '#/platform/detection'
+import {logEvent} from '#/lib/statsig/statsig'
const POLL_FREQ = 60e3 // 60sec
@@ -68,6 +69,10 @@ export function FeedPage({
scrollToTop()
truncateAndInvalidate(queryClient, FEED_RQKEY(feed))
setHasNew(false)
+ logEvent('feed:refresh', {
+ feedType: feed.split('|')[0],
+ reason: 'soft-reset',
+ })
}
}, [navigation, isPageFocused, scrollToTop, queryClient, feed, setHasNew])
@@ -89,6 +94,10 @@ export function FeedPage({
scrollToTop()
truncateAndInvalidate(queryClient, FEED_RQKEY(feed))
setHasNew(false)
+ logEvent('feed:refresh', {
+ feedType: feed.split('|')[0],
+ reason: 'load-latest',
+ })
}, [scrollToTop, feed, queryClient, setHasNew])
return (
diff --git a/src/view/com/posts/Feed.tsx b/src/view/com/posts/Feed.tsx
index b86646a4..8afcce94 100644
--- a/src/view/com/posts/Feed.tsx
+++ b/src/view/com/posts/Feed.tsx
@@ -90,6 +90,7 @@ let Feed = ({
const [isPTRing, setIsPTRing] = React.useState(false)
const checkForNewRef = React.useRef<(() => void) | null>(null)
const lastFetchRef = React.useRef<number>(Date.now())
+ const feedType = feed.split('|')[0]
const opts = React.useMemo(
() => ({enabled, ignoreFilterFor}),
@@ -214,6 +215,10 @@ let Feed = ({
const onRefresh = React.useCallback(async () => {
track('Feed:onRefresh')
+ logEvent('feed:refresh', {
+ feedType: feedType,
+ reason: 'pull-to-refresh',
+ })
setIsPTRing(true)
try {
await refetch()
@@ -222,9 +227,8 @@ let Feed = ({
logger.error('Failed to refresh posts feed', {message: err})
}
setIsPTRing(false)
- }, [refetch, track, setIsPTRing, onHasNew])
+ }, [refetch, track, setIsPTRing, onHasNew, feedType])
- const feedType = feed.split('|')[0]
const onEndReached = React.useCallback(async () => {
if (isFetching || !hasNextPage || isError) return