diff options
author | Hailey <me@haileyok.com> | 2024-09-27 14:01:57 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-09-27 14:01:57 -0700 |
commit | f68b15219fd02e23d965015201400138ed69d59d (patch) | |
tree | 1134642fff8db10b2cfca827a6c0d9cd2a4dbd5b /src | |
parent | bcd096b85aee45c38de7cfbcf1115b0a544589ae (diff) | |
download | voidsky-f68b15219fd02e23d965015201400138ed69d59d.tar.zst |
Remove Segment (#5518)
Diffstat (limited to 'src')
56 files changed, 212 insertions, 904 deletions
diff --git a/src/Navigation.tsx b/src/Navigation.tsx index 2beba4f9d..53e8274d5 100644 --- a/src/Navigation.tsx +++ b/src/Navigation.tsx @@ -15,7 +15,6 @@ import { StackActions, } from '@react-navigation/native' -import {init as initAnalytics} from '#/lib/analytics/analytics' import {timeout} from '#/lib/async/timeout' import {useColorSchemeStyle} from '#/lib/hooks/useColorSchemeStyle' import {usePalette} from '#/lib/hooks/usePalette' @@ -647,8 +646,6 @@ function RoutesContainer({children}: React.PropsWithChildren<{}>) { function onReady() { prevLoggedRouteName.current = getCurrentRouteName() - initAnalytics(currentAccount) - if (currentAccount && shouldRequestEmailConfirmation(currentAccount)) { openModal({name: 'verify-email', showReminder: true}) snoozeEmailConfirmationPrompt() diff --git a/src/lib/analytics/analytics.tsx b/src/lib/analytics/analytics.tsx deleted file mode 100644 index 5f93d982f..000000000 --- a/src/lib/analytics/analytics.tsx +++ /dev/null @@ -1,158 +0,0 @@ -import React from 'react' -import {AppState, AppStateStatus} from 'react-native' -import AsyncStorage from '@react-native-async-storage/async-storage' -import {createClient, SegmentClient} from '@segment/analytics-react-native' -import * as Sentry from '@sentry/react-native' -import {sha256} from 'js-sha256' - -import {logger} from '#/logger' -import {SessionAccount, useSession} from '#/state/session' -import {ScreenPropertiesMap, TrackPropertiesMap} from './types' - -type AppInfo = { - build?: string | undefined - name?: string | undefined - namespace?: string | undefined - version?: string | undefined -} - -// Delay creating until first actual use. -let segmentClient: SegmentClient | null = null -function getClient(): SegmentClient { - if (!segmentClient) { - segmentClient = createClient({ - writeKey: '8I6DsgfiSLuoONyaunGoiQM7A6y2ybdI', - trackAppLifecycleEvents: false, - proxy: 'https://api.events.bsky.app/v1', - }) - } - return segmentClient -} - -export const track = async <E extends keyof TrackPropertiesMap>( - event: E, - properties?: TrackPropertiesMap[E], -) => { - await getClient().track(event, properties) -} - -export function useAnalytics() { - const {hasSession} = useSession() - - return React.useMemo(() => { - if (hasSession) { - return { - async screen<E extends keyof ScreenPropertiesMap>( - event: E, - properties?: ScreenPropertiesMap[E], - ) { - await getClient().screen(event, properties) - }, - async track<E extends keyof TrackPropertiesMap>( - event: E, - properties?: TrackPropertiesMap[E], - ) { - await getClient().track(event, properties) - }, - } - } - // dont send analytics pings for anonymous users - return { - screen: async () => {}, - track: async () => {}, - } - }, [hasSession]) -} - -export function init(account: SessionAccount | undefined) { - setupListenersOnce() - - if (account) { - const client = getClient() - if (account.did) { - const did_hashed = sha256(account.did) - client.identify(did_hashed, {did_hashed}) - Sentry.setUser({id: did_hashed}) - logger.debug('Ping w/hash') - } else { - logger.debug('Ping w/o hash') - client.identify() - } - } -} - -let didSetupListeners = false -function setupListenersOnce() { - if (didSetupListeners) { - return - } - didSetupListeners = true - // NOTE - // this is a copy of segment's own lifecycle event tracking - // we handle it manually to ensure that it never fires while the app is backgrounded - // -prf - const client = getClient() - client.isReady.onChange(async () => { - if (AppState.currentState !== 'active') { - logger.debug('Prevented a metrics ping while the app was backgrounded') - return - } - const context = client.context.get() - if (typeof context?.app === 'undefined') { - logger.debug('Aborted metrics ping due to unavailable context') - return - } - - const oldAppInfo = await readAppInfo() - const newAppInfo = context.app as AppInfo - writeAppInfo(newAppInfo) - logger.debug('Recording app info', {new: newAppInfo, old: oldAppInfo}) - - if (typeof oldAppInfo === 'undefined') { - client.track('Application Installed', { - version: newAppInfo.version, - build: newAppInfo.build, - }) - } else if (newAppInfo.version !== oldAppInfo.version) { - client.track('Application Updated', { - version: newAppInfo.version, - build: newAppInfo.build, - previous_version: oldAppInfo.version, - previous_build: oldAppInfo.build, - }) - } - client.track('Application Opened', { - from_background: false, - version: newAppInfo.version, - build: newAppInfo.build, - }) - }) - - let lastState: AppStateStatus = AppState.currentState - AppState.addEventListener('change', (state: AppStateStatus) => { - if (state === 'active' && lastState !== 'active') { - const context = client.context.get() - client.track('Application Opened', { - from_background: true, - version: context?.app?.version, - build: context?.app?.build, - }) - } else if (state !== 'active' && lastState === 'active') { - client.track('Application Backgrounded') - } - lastState = state - }) -} - -async function writeAppInfo(value: AppInfo) { - await AsyncStorage.setItem('BSKY_APP_INFO', JSON.stringify(value)) -} - -async function readAppInfo(): Promise<AppInfo | undefined> { - const rawData = await AsyncStorage.getItem('BSKY_APP_INFO') - const obj = rawData ? JSON.parse(rawData) : undefined - if (!obj || typeof obj !== 'object') { - return undefined - } - return obj -} diff --git a/src/lib/analytics/analytics.web.tsx b/src/lib/analytics/analytics.web.tsx deleted file mode 100644 index c7f0ed3b1..000000000 --- a/src/lib/analytics/analytics.web.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import React from 'react' -import {createClient} from '@segment/analytics-react' -import * as Sentry from '@sentry/react-native' -import {sha256} from 'js-sha256' - -import {logger} from '#/logger' -import {SessionAccount, useSession} from '#/state/session' -import {ScreenPropertiesMap, TrackPropertiesMap} from './types' - -type SegmentClient = ReturnType<typeof createClient> - -// Delay creating until first actual use. -let segmentClient: SegmentClient | null = null -function getClient(): SegmentClient { - if (!segmentClient) { - segmentClient = createClient( - { - writeKey: '8I6DsgfiSLuoONyaunGoiQM7A6y2ybdI', - }, - { - integrations: { - 'Segment.io': { - apiHost: 'api.events.bsky.app/v1', - }, - }, - }, - ) - } - return segmentClient -} - -export const track = async <E extends keyof TrackPropertiesMap>( - event: E, - properties?: TrackPropertiesMap[E], -) => { - await getClient().track(event, properties) -} - -export function useAnalytics() { - const {hasSession} = useSession() - - return React.useMemo(() => { - if (hasSession) { - return { - async screen<E extends keyof ScreenPropertiesMap>( - event: E, - properties?: ScreenPropertiesMap[E], - ) { - await getClient().screen(event, properties) - }, - async track<E extends keyof TrackPropertiesMap>( - event: E, - properties?: TrackPropertiesMap[E], - ) { - await getClient().track(event, properties) - }, - } - } - // dont send analytics pings for anonymous users - return { - screen: async () => {}, - track: async () => {}, - } - }, [hasSession]) -} - -export function init(account: SessionAccount | undefined) { - if (account) { - const client = getClient() - if (account.did) { - const did_hashed = sha256(account.did) - client.identify(did_hashed, {did_hashed}) - Sentry.setUser({id: did_hashed}) - logger.debug('Ping w/hash') - } else { - logger.debug('Ping w/o hash') - client.identify() - } - } -} diff --git a/src/lib/analytics/types.ts b/src/lib/analytics/types.ts deleted file mode 100644 index 720495ea1..000000000 --- a/src/lib/analytics/types.ts +++ /dev/null @@ -1,181 +0,0 @@ -export type TrackPropertiesMap = { - // LOGIN / SIGN UP events - 'Sign In': {resumedSession: boolean} // CAN BE SERVER - 'Create Account': {} // CAN BE SERVER - 'Try Create Account': {} - 'Signin:PressedForgotPassword': {} - 'Signin:PressedSelectService': {} - // COMPOSER / CREATE POST events - 'Create Post': {imageCount: string | number} // CAN BE SERVER - 'Composer:PastedPhotos': {} - 'Composer:CameraOpened': {} - 'Composer:GalleryOpened': {} - 'Composer:ThreadgateOpened': {} - 'HomeScreen:PressCompose': {} - 'ProfileScreen:PressCompose': {} - // EDIT PROFILE events - 'EditHandle:ViewCustomForm': {} - 'EditHandle:ViewProvidedForm': {} - 'EditHandle:SetNewHandle': {} - 'EditProfile:AvatarSelected': {} - 'EditProfile:BannerSelected': {} - 'EditProfile:Save': {} // CAN BE SERVER - // FEED events - 'Feed:onRefresh': {} - 'Feed:onEndReached': {} - // POST events - 'Post:Like': {} // CAN BE SERVER - 'Post:Unlike': {} // CAN BE SERVER - 'Post:Repost': {} // CAN BE SERVER - 'Post:Unrepost': {} // CAN BE SERVER - 'Post:Delete': {} // CAN BE SERVER - 'Post:ThreadMute': {} // CAN BE SERVER - 'Post:ThreadUnmute': {} // CAN BE SERVER - 'Post:Reply': {} // CAN BE SERVER - 'Post:EditThreadgateOpened': {} - 'Post:ThreadgateEdited': {} - // PROFILE events - 'Profile:Follow': { - username: string - } - 'Profile:Unfollow': { - username: string - } - // PROFILE HEADER events - 'ProfileHeader:EditProfileButtonClicked': {} - 'ProfileHeader:FollowersButtonClicked': { - handle: string - } - 'ProfileHeader:FollowsButtonClicked': { - handle: string - } - 'ProfileHeader:ShareButtonClicked': {} - 'ProfileHeader:MuteAccountButtonClicked': {} - 'ProfileHeader:UnmuteAccountButtonClicked': {} - 'ProfileHeader:ReportAccountButtonClicked': {} - 'ProfileHeader:AddToListsButtonClicked': {} - 'ProfileHeader:BlockAccountButtonClicked': {} - 'ProfileHeader:UnblockAccountButtonClicked': {} - 'ProfileHeader:FollowButtonClicked': {} - 'ProfileHeader:UnfollowButtonClicked': {} - 'ProfileHeader:SuggestedFollowsOpened': {} - 'ProfileHeader:SuggestedFollowFollowed': {} - 'ViewHeader:MenuButtonClicked': {} - // SETTINGS events - 'Settings:SwitchAccountButtonClicked': {} - 'Settings:AddAccountButtonClicked': {} - 'Settings:ChangeHandleButtonClicked': {} - 'Settings:InvitecodesButtonClicked': {} - 'Settings:SignOutButtonClicked': {} - 'Settings:ContentlanguagesButtonClicked': {} - // MENU events - 'Menu:ItemClicked': {url: string} - 'Menu:FeedbackClicked': {} - 'Menu:HelpClicked': {} - // MOBILE SHELL events - 'MobileShell:MyProfileButtonPressed': {} - 'MobileShell:HomeButtonPressed': {} - 'MobileShell:SearchButtonPressed': {} - 'MobileShell:NotificationsButtonPressed': {} - 'MobileShell:FeedsButtonPressed': {} - 'MobileShell:MessagesButtonPressed': {} - // NOTIFICATIONS events - 'Notificatons:OpenApp': {} - // LISTS events - 'Lists:onRefresh': {} - 'Lists:onEndReached': {} - 'CreateList:AvatarSelected': {} - 'CreateList:SaveCurateList': {} // CAN BE SERVER - 'CreateList:SaveModList': {} // CAN BE SERVER - 'Lists:Mute': {} // CAN BE SERVER - 'Lists:Unmute': {} // CAN BE SERVER - 'Lists:Block': {} // CAN BE SERVER - 'Lists:Unblock': {} // CAN BE SERVER - 'Lists:Delete': {} // CAN BE SERVER - 'Lists:Share': {} // CAN BE SERVER - // CUSTOM FEED events - 'CustomFeed:Save': {} - 'CustomFeed:Unsave': {} - 'CustomFeed:Like': {} - 'CustomFeed:Unlike': {} - 'CustomFeed:Share': {} - 'CustomFeed:Pin': { - uri: string - name?: string - } - 'CustomFeed:Unpin': { - uri: string - name?: string - } - 'CustomFeed:Reorder': { - uri: string - name?: string - index: number - } - 'CustomFeed:LoadMore': {} - 'MultiFeed:onEndReached': {} - 'MultiFeed:onRefresh': {} - // MODERATION events - 'Moderation:ContentfilteringButtonClicked': {} - // ONBOARDING events - 'Onboarding:Begin': {} - 'Onboarding:Complete': {} - 'Onboarding:Skipped': {} - 'Onboarding:Reset': {} - 'Onboarding:SuggestedFollowFollowed': {} - 'Onboarding:CustomFeedAdded': {} - // Onboarding v2 - 'OnboardingV2:Begin': {} - 'OnboardingV2:StepInterests:Start': {} - 'OnboardingV2:StepInterests:End': { - selectedInterests: string[] - selectedInterestsLength: number - } - 'OnboardingV2:StepInterests:Error': {} - 'OnboardingV2:StepSuggestedAccounts:Start': {} - 'OnboardingV2:StepSuggestedAccounts:End': { - selectedAccountsLength: number - } - 'OnboardingV2:StepFollowingFeed:Start': {} - 'OnboardingV2:StepFollowingFeed:End': {} - 'OnboardingV2:StepAlgoFeeds:Start': {} - 'OnboardingV2:StepAlgoFeeds:End': { - selectedPrimaryFeeds: string[] - selectedPrimaryFeedsLength: number - selectedSecondaryFeeds: string[] - selectedSecondaryFeedsLength: number - } - 'OnboardingV2:StepTopicalFeeds:Start': {} - 'OnboardingV2:StepTopicalFeeds:End': { - selectedFeeds: string[] - selectedFeedsLength: number - } - 'OnboardingV2:StepModeration:Start': {} - 'OnboardingV2:StepModeration:End': {} - 'OnboardingV2:StepProfile:Start': {} - 'OnboardingV2:StepProfile:End': {} - 'OnboardingV2:StepFinished:Start': {} - 'OnboardingV2:StepFinished:End': {} - 'OnboardingV2:Complete': {} - 'OnboardingV2:Skip': {} -} - -export type ScreenPropertiesMap = { - Login: {} - CreateAccount: {} - 'Choose Account': {} - 'Signin:ForgotPassword': {} - 'Signin:SetNewPasswordForm': {} - 'Signin:PasswordUpdatedForm': {} - Feed: {} - Notifications: {} - Profile: {} - 'Profile:Preview': {} - Settings: {} - AppPasswords: {} - Moderation: {} - PreferencesExternalEmbeds: {} - BlockedAccounts: {} - MutedAccounts: {} - SavedFeeds: {} -} diff --git a/src/lib/hooks/useAccountSwitcher.ts b/src/lib/hooks/useAccountSwitcher.ts index 09ff30277..22eb348f2 100644 --- a/src/lib/hooks/useAccountSwitcher.ts +++ b/src/lib/hooks/useAccountSwitcher.ts @@ -2,7 +2,6 @@ import {useCallback, useState} from 'react' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {logger} from '#/logger' import {isWeb} from '#/platform/detection' import {SessionAccount, useSessionApi} from '#/state/session' @@ -14,7 +13,6 @@ import {LogEvents} from '../statsig/statsig' export function useAccountSwitcher() { const [pendingDid, setPendingDid] = useState<string | null>(null) const {_} = useLingui() - const {track} = useAnalytics() const {resumeSession} = useSessionApi() const {requestSwitchToAccount} = useLoggedOutViewControls() @@ -23,7 +21,6 @@ export function useAccountSwitcher() { account: SessionAccount, logContext: LogEvents['account:loggedIn']['logContext'], ) => { - track('Settings:SwitchAccountButtonClicked') if (pendingDid) { // The session API isn't resilient to race conditions so let's just ignore this. return @@ -62,7 +59,7 @@ export function useAccountSwitcher() { setPendingDid(null) } }, - [_, track, resumeSession, requestSwitchToAccount, pendingDid], + [_, resumeSession, requestSwitchToAccount, pendingDid], ) return {onPressSwitchAccount, pendingDid} diff --git a/src/lib/hooks/useNotificationHandler.ts b/src/lib/hooks/useNotificationHandler.ts index e4e7e1474..625ec9e6a 100644 --- a/src/lib/hooks/useNotificationHandler.ts +++ b/src/lib/hooks/useNotificationHandler.ts @@ -3,19 +3,18 @@ import * as Notifications from 'expo-notifications' import {CommonActions, useNavigation} from '@react-navigation/native' import {useQueryClient} from '@tanstack/react-query' +import {useAccountSwitcher} from '#/lib/hooks/useAccountSwitcher' +import {NavigationProp} from '#/lib/routes/types' +import {logEvent} from '#/lib/statsig/statsig' import {logger} from '#/logger' -import {track} from 'lib/analytics/analytics' -import {useAccountSwitcher} from 'lib/hooks/useAccountSwitcher' -import {NavigationProp} from 'lib/routes/types' -import {logEvent} from 'lib/statsig/statsig' -import {isAndroid} from 'platform/detection' -import {useCurrentConvoId} from 'state/messages/current-convo-id' -import {RQKEY as RQKEY_NOTIFS} from 'state/queries/notifications/feed' -import {invalidateCachedUnreadPage} from 'state/queries/notifications/unread' -import {truncateAndInvalidate} from 'state/queries/util' -import {useSession} from 'state/session' -import {useLoggedOutViewControls} from 'state/shell/logged-out' -import {useCloseAllActiveElements} from 'state/util' +import {isAndroid} from '#/platform/detection' +import {useCurrentConvoId} from '#/state/messages/current-convo-id' +import {RQKEY as RQKEY_NOTIFS} from '#/state/queries/notifications/feed' +import {invalidateCachedUnreadPage} from '#/state/queries/notifications/unread' +import {truncateAndInvalidate} from '#/state/queries/util' +import {useSession} from '#/state/session' +import {useLoggedOutViewControls} from '#/state/shell/logged-out' +import {useCloseAllActiveElements} from '#/state/util' import {resetToTab} from '#/Navigation' type NotificationReason = @@ -228,7 +227,6 @@ export function useNotificationsHandler() { {}, logger.DebugContext.notifications, ) - track('Notificatons:OpenApp') logEvent('notifications:openApp', {}) invalidateCachedUnreadPage() truncateAndInvalidate(queryClient, RQKEY_NOTIFS()) diff --git a/src/screens/Login/ChooseAccountForm.tsx b/src/screens/Login/ChooseAccountForm.tsx index 678ba5123..9765786ec 100644 --- a/src/screens/Login/ChooseAccountForm.tsx +++ b/src/screens/Login/ChooseAccountForm.tsx @@ -3,7 +3,6 @@ import {View} from 'react-native' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {logEvent} from '#/lib/statsig/statsig' import {logger} from '#/logger' import {SessionAccount, useSession, useSessionApi} from '#/state/session' @@ -23,16 +22,11 @@ export const ChooseAccountForm = ({ onPressBack: () => void }) => { const [pendingDid, setPendingDid] = React.useState<string | null>(null) - const {track, screen} = useAnalytics() const {_} = useLingui() const {currentAccount} = useSession() const {resumeSession} = useSessionApi() const {setShowLoggedOut} = useLoggedOutViewControls() - React.useEffect(() => { - screen('Choose Account') - }, [screen]) - const onSelect = React.useCallback( async (account: SessionAccount) => { if (pendingDid) { @@ -56,7 +50,6 @@ export const ChooseAccountForm = ({ logContext: 'ChooseAccountForm', withPassword: false, }) - track('Sign In', {resumedSession: true}) Toast.show(_(msg`Signed in as @${account.handle}`)) } catch (e: any) { logger.error('choose account: initSession failed', { @@ -70,7 +63,6 @@ export const ChooseAccountForm = ({ }, [ currentAccount, - track, resumeSession, pendingDid, onSelectAccount, diff --git a/src/screens/Login/ForgotPasswordForm.tsx b/src/screens/Login/ForgotPasswordForm.tsx index 7acaae510..e8582f46f 100644 --- a/src/screens/Login/ForgotPasswordForm.tsx +++ b/src/screens/Login/ForgotPasswordForm.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useState} from 'react' +import React, {useState} from 'react' import {ActivityIndicator, Keyboard, View} from 'react-native' import {ComAtprotoServerDescribeServer} from '@atproto/api' import {BskyAgent} from '@atproto/api' @@ -6,7 +6,6 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import * as EmailValidator from 'email-validator' -import {useAnalytics} from '#/lib/analytics/analytics' import {isNetworkError} from '#/lib/strings/errors' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' @@ -41,13 +40,8 @@ export const ForgotPasswordForm = ({ const t = useTheme() const [isProcessing, setIsProcessing] = useState<boolean>(false) const [email, setEmail] = useState<string>('') - const {screen} = useAnalytics() const {_} = useLingui() - useEffect(() => { - screen('Signin:ForgotPassword') - }, [screen]) - const onPressSelectService = React.useCallback(() => { Keyboard.dismiss() }, []) diff --git a/src/screens/Login/LoginForm.tsx b/src/screens/Login/LoginForm.tsx index c2038b287..f3661ac92 100644 --- a/src/screens/Login/LoginForm.tsx +++ b/src/screens/Login/LoginForm.tsx @@ -13,15 +13,14 @@ import { import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' +import {useRequestNotificationsPermission} from '#/lib/notifications/notifications' import {isNetworkError} from '#/lib/strings/errors' import {cleanError} from '#/lib/strings/errors' import {createFullHandle} from '#/lib/strings/handles' import {logger} from '#/logger' +import {useSetHasCheckedForStarterPack} from '#/state/preferences/used-starter-packs' import {useSessionApi} from '#/state/session' import {useLoggedOutViewControls} from '#/state/shell/logged-out' -import {useRequestNotificationsPermission} from 'lib/notifications/notifications' -import {useSetHasCheckedForStarterPack} from 'state/preferences/used-starter-packs' import {atoms as a, useTheme} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {FormError} from '#/components/forms/FormError' @@ -57,7 +56,6 @@ export const LoginForm = ({ onPressBack: () => void onPressForgotPassword: () => void }) => { - const {track} = useAnalytics() const t = useTheme() const [isProcessing, setIsProcessing] = useState<boolean>(false) const [isAuthFactorTokenNeeded, setIsAuthFactorTokenNeeded] = @@ -74,8 +72,7 @@ export const LoginForm = ({ const onPressSelectService = React.useCallback(() => { Keyboard.dismiss() - track('Signin:PressedSelectService') - }, [track]) + }, []) const onPressNext = async () => { if (isProcessing) return diff --git a/src/screens/Login/PasswordUpdatedForm.tsx b/src/screens/Login/PasswordUpdatedForm.tsx index 03e7d8669..9c12a47e3 100644 --- a/src/screens/Login/PasswordUpdatedForm.tsx +++ b/src/screens/Login/PasswordUpdatedForm.tsx @@ -1,9 +1,8 @@ -import React, {useEffect} from 'react' +import React from 'react' import {View} from 'react-native' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {atoms as a, useBreakpoints} from '#/alf' import {Button, ButtonText} from '#/components/Button' import {Text} from '#/components/Typography' @@ -14,14 +13,9 @@ export const PasswordUpdatedForm = ({ }: { onPressNext: () => void }) => { - const {screen} = useAnalytics() const {_} = useLingui() const {gtMobile} = useBreakpoints() - useEffect(() => { - screen('Signin:PasswordUpdatedForm') - }, [screen]) - return ( <FormContainer testID="passwordUpdatedForm" diff --git a/src/screens/Login/SetNewPasswordForm.tsx b/src/screens/Login/SetNewPasswordForm.tsx index a6658621c..9efbb96ce 100644 --- a/src/screens/Login/SetNewPasswordForm.tsx +++ b/src/screens/Login/SetNewPasswordForm.tsx @@ -1,10 +1,9 @@ -import React, {useEffect, useState} from 'react' +import React, {useState} from 'react' import {ActivityIndicator, View} from 'react-native' import {BskyAgent} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {isNetworkError} from '#/lib/strings/errors' import {cleanError} from '#/lib/strings/errors' import {checkAndFormatResetCode} from '#/lib/strings/password' @@ -31,14 +30,9 @@ export const SetNewPasswordForm = ({ onPressBack: () => void onPasswordSet: () => void }) => { - const {screen} = useAnalytics() const {_} = useLingui() const t = useTheme() - useEffect(() => { - screen('Signin:SetNewPasswordForm') - }, [screen]) - const [isProcessing, setIsProcessing] = useState<boolean>(false) const [resetCode, setResetCode] = useState<string>('') const [password, setPassword] = useState<string>('') diff --git a/src/screens/Login/index.tsx b/src/screens/Login/index.tsx index 1fce63d29..b46f8d26b 100644 --- a/src/screens/Login/index.tsx +++ b/src/screens/Login/index.tsx @@ -4,7 +4,6 @@ import {LayoutAnimationConfig} from 'react-native-reanimated' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {DEFAULT_SERVICE} from '#/lib/constants' import {logger} from '#/logger' import {useServiceQuery} from '#/state/queries/service' @@ -31,7 +30,6 @@ export const Login = ({onPressBack}: {onPressBack: () => void}) => { const {_} = useLingui() const {accounts} = useSession() - const {track} = useAnalytics() const {requestedAccountSwitchTo} = useLoggedOutView() const requestedAccount = accounts.find( acc => acc.did === requestedAccountSwitchTo, @@ -87,7 +85,6 @@ export const Login = ({onPressBack}: {onPressBack: () => void}) => { }, [serviceError, serviceUrl, _]) const onPressForgotPassword = () => { - track('Signin:PressedForgotPassword') setCurrentForm(Forms.ForgotPassword) } diff --git a/src/screens/Moderation/index.tsx b/src/screens/Moderation/index.tsx index 9bfe6c3fa..070b87950 100644 --- a/src/screens/Moderation/index.tsx +++ b/src/screens/Moderation/index.tsx @@ -7,7 +7,6 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {getLabelingServiceTitle} from '#/lib/moderation' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' import {logger} from '#/logger' @@ -163,7 +162,6 @@ export function ModerationScreenInner({ const {_} = useLingui() const t = useTheme() const setMinimalShellMode = useSetMinimalShellMode() - const {screen} = useAnalytics() const {gtMobile} = useBreakpoints() const {mutedWordsDialogControl} = useGlobalDialogsControlContext() const birthdateDialogControl = Dialog.useDialogControl() @@ -175,9 +173,8 @@ export function ModerationScreenInner({ useFocusEffect( React.useCallback(() => { - screen('Moderation') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const {mutateAsync: setAdultContentPref, variables: optimisticAdultContent} = diff --git a/src/screens/Onboarding/StepFinished.tsx b/src/screens/Onboarding/StepFinished.tsx index bc765781a..fdc0a3eb7 100644 --- a/src/screens/Onboarding/StepFinished.tsx +++ b/src/screens/Onboarding/StepFinished.tsx @@ -7,27 +7,26 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' +import {uploadBlob} from '#/lib/api' import { BSKY_APP_ACCOUNT_DID, DISCOVER_SAVED_FEED, TIMELINE_SAVED_FEED, } from '#/lib/constants' +import {useRequestNotificationsPermission} from '#/lib/notifications/notifications' import {logEvent} from '#/lib/statsig/statsig' import {logger} from '#/logger' +import {useSetHasCheckedForStarterPack} from '#/state/preferences/used-starter-packs' +import {getAllListMembers} from '#/state/queries/list-members' import {preferencesQueryKey} from '#/state/queries/preferences' import {RQKEY as profileRQKey} from '#/state/queries/profile' import {useAgent} from '#/state/session' import {useOnboardingDispatch} from '#/state/shell' import {useProgressGuideControls} from '#/state/shell/progress-guide' -import {uploadBlob} from 'lib/api' -import {useRequestNotificationsPermission} from 'lib/notifications/notifications' -import {useSetHasCheckedForStarterPack} from 'state/preferences/used-starter-packs' -import {getAllListMembers} from 'state/queries/list-members' import { useActiveStarterPack, useSetActiveStarterPack, -} from 'state/shell/starter-pack' +} from '#/state/shell/starter-pack' import { DescriptionText, OnboardingControls, @@ -48,7 +47,6 @@ import {Text} from '#/components/Typography' export function StepFinished() { const {_} = useLingui() const t = useTheme() - const {track} = useAnalytics() const {state, dispatch} = React.useContext(Context) const onboardDispatch = useOnboardingDispatch() const [saving, setSaving] = React.useState(false) @@ -190,8 +188,6 @@ export function StepFinished() { startProgressGuide('like-10-and-follow-7') dispatch({type: 'finish'}) onboardDispatch({type: 'finish'}) - track('OnboardingV2:StepFinished:End') - track('OnboardingV2:Complete') logEvent('onboarding:finished:nextPressed', { usedStarterPack: Boolean(starterPack), starterPackName: AppBskyGraphStarterpack.isRecord(starterPack?.record) @@ -214,7 +210,6 @@ export function StepFinished() { agent, dispatch, onboardDispatch, - track, activeStarterPack, state, requestNotificationsPermission, @@ -223,10 +218,6 @@ export function StepFinished() { startProgressGuide, ]) - React.useEffect(() => { - track('OnboardingV2:StepFinished:Start') - }, [track]) - return ( <View style={[a.align_start]}> <IconCircle icon={Check} style={[a.mb_2xl]} /> diff --git a/src/screens/Onboarding/StepInterests/index.tsx b/src/screens/Onboarding/StepInterests/index.tsx index ded473ff5..2f41433aa 100644 --- a/src/screens/Onboarding/StepInterests/index.tsx +++ b/src/screens/Onboarding/StepInterests/index.tsx @@ -4,7 +4,6 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useQuery} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {logEvent} from '#/lib/statsig/statsig' import {capitalize} from '#/lib/strings/capitalize' import {logger} from '#/logger' @@ -36,7 +35,6 @@ export function StepInterests() { const {_} = useLingui() const t = useTheme() const {gtMobile} = useBreakpoints() - const {track} = useAnalytics() const interestsDisplayNames = useInterestsDisplayNames() const {state, dispatch} = React.useContext(Context) @@ -90,7 +88,6 @@ export function StepInterests() { `onboarding: getTaggedSuggestions fetch or processing failed`, ) logger.error(e) - track('OnboardingV2:StepInterests:Error') throw new Error(`a network error occurred`) } @@ -108,11 +105,6 @@ export function StepInterests() { selectedInterests: interests, }) dispatch({type: 'next'}) - - track('OnboardingV2:StepInterests:End', { - selectedInterests: interests, - selectedInterestsLength: interests.length, - }) logEvent('onboarding:interests:nextPressed', { selectedInterests: interests, selectedInterestsLength: interests.length, @@ -121,18 +113,12 @@ export function StepInterests() { logger.info(`onboading: error saving interests`) logger.error(e) } - }, [interests, data, setSaving, dispatch, track]) + }, [interests, data, setSaving, dispatch]) const skipOnboarding = React.useCallback(() => { onboardDispatch({type: 'finish'}) dispatch({type: 'finish'}) - track('OnboardingV2:Skip') - }, [onboardDispatch, dispatch, track]) - - React.useEffect(() => { - track('OnboardingV2:Begin') - track('OnboardingV2:StepInterests:Start') - }, [track]) + }, [onboardDispatch, dispatch]) const title = isError ? ( <Trans>Oh no! Something went wrong.</Trans> diff --git a/src/screens/Onboarding/StepProfile/index.tsx b/src/screens/Onboarding/StepProfile/index.tsx index 79957da31..663418f22 100644 --- a/src/screens/Onboarding/StepProfile/index.tsx +++ b/src/screens/Onboarding/StepProfile/index.tsx @@ -9,7 +9,6 @@ import { import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePhotoLibraryPermission} from '#/lib/hooks/usePermissions' import {compressIfNeeded} from '#/lib/media/manip' import {openCropper} from '#/lib/media/picker' @@ -68,7 +67,6 @@ export function StepProfile() { const {_} = useLingui() const t = useTheme() const {gtMobile} = useBreakpoints() - const {track} = useAnalytics() const {requestPhotoAccessIfNeeded} = usePhotoLibraryPermission() const gate = useGate() const requestNotificationsPermission = useRequestNotificationsPermission() @@ -88,10 +86,6 @@ export function StepProfile() { const canvasRef = React.useRef<PlaceholderCanvasRef>(null) React.useEffect(() => { - track('OnboardingV2:StepProfile:Start') - }, [track]) - - React.useEffect(() => { requestNotificationsPermission('StartOnboarding') }, [gate, requestNotificationsPermission]) @@ -155,9 +149,8 @@ export function StepProfile() { } dispatch({type: 'next'}) - track('OnboardingV2:StepProfile:End') logEvent('onboarding:profile:nextPressed', {}) - }, [avatar, dispatch, track]) + }, [avatar, dispatch]) const onDoneCreating = React.useCallback(() => { setAvatar(prev => ({ diff --git a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx index a807c70dd..7b44e5869 100644 --- a/src/screens/Profile/Header/ProfileHeaderLabeler.tsx +++ b/src/screens/Profile/Header/ProfileHeaderLabeler.tsx @@ -12,18 +12,17 @@ import {useLingui} from '@lingui/react' // eslint-disable-next-line @typescript-eslint/no-unused-vars import {MAX_LABELERS} from '#/lib/constants' +import {useHaptics} from '#/lib/haptics' import {isAppLabeler} from '#/lib/moderation' import {logger} from '#/logger' +import {isIOS} from '#/platform/detection' +import {useProfileShadow} from '#/state/cache/profile-shadow' import {Shadow} from '#/state/cache/types' import {useModalControls} from '#/state/modals' import {useLabelerSubscriptionMutation} from '#/state/queries/labeler' import {useLikeMutation, useUnlikeMutation} from '#/state/queries/like' import {usePreferencesQuery} from '#/state/queries/preferences' import {useRequireAuth, useSession} from '#/state/session' -import {useAnalytics} from 'lib/analytics/analytics' -import {useHaptics} from 'lib/haptics' -import {isIOS} from 'platform/detection' -import {useProfileShadow} from 'state/cache/profile-shadow' import {ProfileMenu} from '#/view/com/profile/ProfileMenu' import * as Toast from '#/view/com/util/Toast' import {atoms as a, tokens, useBreakpoints, useTheme} from '#/alf' @@ -66,7 +65,6 @@ let ProfileHeaderLabeler = ({ const {_} = useLingui() const {currentAccount, hasSession} = useSession() const {openModal} = useModalControls() - const {track} = useAnalytics() const requireAuth = useRequireAuth() const playHaptic = useHaptics() const cantSubscribePrompt = Prompt.usePromptControl() @@ -102,12 +100,10 @@ let ProfileHeaderLabeler = ({ if (likeUri) { await unlikeMod({uri: likeUri}) - track('CustomFeed:Unlike') setLikeCount(c => c - 1) setLikeUri('') } else { const res = await likeMod({uri: labeler.uri, cid: labeler.cid}) - track('CustomFeed:Like') setLikeCount(c => c + 1) setLikeUri(res.uri) } @@ -120,15 +116,14 @@ let ProfileHeaderLabeler = ({ ) logger.error(`Failed to toggle labeler like`, {message: e.message}) } - }, [labeler, playHaptic, likeUri, unlikeMod, track, likeMod, _]) + }, [labeler, playHaptic, likeUri, unlikeMod, likeMod, _]) const onPressEditProfile = React.useCallback(() => { - track('ProfileHeader:EditProfileButtonClicked') openModal({ name: 'edit-profile', profile, }) - }, [track, openModal, profile]) + }, [openModal, profile]) const onPressSubscribe = React.useCallback( () => diff --git a/src/screens/Profile/Header/ProfileHeaderStandard.tsx b/src/screens/Profile/Header/ProfileHeaderStandard.tsx index 846fa4424..3bfc4bf2f 100644 --- a/src/screens/Profile/Header/ProfileHeaderStandard.tsx +++ b/src/screens/Profile/Header/ProfileHeaderStandard.tsx @@ -9,8 +9,10 @@ import { import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' +import {sanitizeDisplayName} from '#/lib/strings/display-names' import {logger} from '#/logger' import {isIOS} from '#/platform/detection' +import {useProfileShadow} from '#/state/cache/profile-shadow' import {Shadow} from '#/state/cache/types' import {useModalControls} from '#/state/modals' import { @@ -18,9 +20,6 @@ import { useProfileFollowMutationQueue, } from '#/state/queries/profile' import {useRequireAuth, useSession} from '#/state/session' -import {useAnalytics} from 'lib/analytics/analytics' -import {sanitizeDisplayName} from 'lib/strings/display-names' -import {useProfileShadow} from 'state/cache/profile-shadow' import {ProfileMenu} from '#/view/com/profile/ProfileMenu' import * as Toast from '#/view/com/util/Toast' import {atoms as a} from '#/alf' @@ -59,7 +58,6 @@ let ProfileHeaderStandard = ({ const {currentAccount, hasSession} = useSession() const {_} = useLingui() const {openModal} = useModalControls() - const {track} = useAnalytics() const moderation = useMemo( () => moderateProfile(profile, moderationOpts), [profile, moderationOpts], @@ -77,17 +75,15 @@ let ProfileHeaderStandard = ({ profile.viewer?.blockingByList const onPressEditProfile = React.useCallback(() => { - track('ProfileHeader:EditProfileButtonClicked') openModal({ name: 'edit-profile', profile, }) - }, [track, openModal, profile]) + }, [openModal, profile]) const onPressFollow = () => { requireAuth(async () => { try { - track('ProfileHeader:FollowButtonClicked') await queueFollow() Toast.show( _( @@ -109,7 +105,6 @@ let ProfileHeaderStandard = ({ const onPressUnfollow = () => { requireAuth(async () => { try { - track('ProfileHeader:UnfollowButtonClicked') await queueUnfollow() Toast.show( _( @@ -129,7 +124,6 @@ let ProfileHeaderStandard = ({ } const unblockAccount = React.useCallback(async () => { - track('ProfileHeader:UnblockAccountButtonClicked') try { await queueUnblock() Toast.show(_(msg`Account unblocked`)) @@ -139,7 +133,7 @@ let ProfileHeaderStandard = ({ Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } - }, [_, queueUnblock, track]) + }, [_, queueUnblock]) const isMe = React.useMemo( () => currentAccount?.did === profile.did, diff --git a/src/screens/Signup/index.tsx b/src/screens/Signup/index.tsx index 320980032..e3da053c0 100644 --- a/src/screens/Signup/index.tsx +++ b/src/screens/Signup/index.tsx @@ -5,7 +5,6 @@ import {AppBskyGraphStarterpack} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {FEEDBACK_FORM_URL} from '#/lib/constants' import {useServiceQuery} from '#/state/queries/service' import {useStarterPackQuery} from '#/state/queries/starter-packs' @@ -31,7 +30,6 @@ import {Text} from '#/components/Typography' export function Signup({onPressBack}: {onPressBack: () => void}) { const {_} = useLingui() const t = useTheme() - const {screen} = useAnalytics() const [state, dispatch] = React.useReducer(reducer, initialState) const {gtMobile} = useBreakpoints() const submit = useSubmitSignup() @@ -57,10 +55,6 @@ export function Signup({onPressBack}: {onPressBack: () => void}) { } = useServiceQuery(state.serviceUrl) React.useEffect(() => { - screen('CreateAccount') - }, [screen]) - - React.useEffect(() => { if (isFetching) { dispatch({type: 'setIsLoading', value: true}) } else if (!isFetching) { diff --git a/src/state/queries/post.ts b/src/state/queries/post.ts index 982d224ae..7023580bb 100644 --- a/src/state/queries/post.ts +++ b/src/state/queries/post.ts @@ -2,7 +2,6 @@ import {useCallback} from 'react' import {AppBskyActorDefs, AppBskyFeedDefs, AtUri} from '@atproto/api' import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query' -import {track} from '#/lib/analytics/analytics' import {useToggleMutationQueue} from '#/lib/hooks/useToggleMutationQueue' import {logEvent, LogEvents, toClout} from '#/lib/statsig/statsig' import {updatePostShadow} from '#/state/cache/post-shadow' @@ -193,9 +192,6 @@ function usePostLikeMutation( }) return agent.like(uri, cid) }, - onSuccess() { - track('Post:Like') - }, }) } @@ -208,9 +204,6 @@ function usePostUnlikeMutation( logEvent('post:unlike:sampled', {logContext}) return agent.deleteLike(likeUri) }, - onSuccess() { - track('Post:Unlike') - }, }) } @@ -285,9 +278,6 @@ function usePostRepostMutation( logEvent('post:repost:sampled', {logContext}) return agent.repost(post.uri, post.cid) }, - onSuccess() { - track('Post:Repost') - }, }) } @@ -300,9 +290,6 @@ function usePostUnrepostMutation( logEvent('post:unrepost:sampled', {logContext}) return agent.deleteRepost(repostUri) }, - onSuccess() { - track('Post:Unrepost') - }, }) } @@ -313,9 +300,8 @@ export function usePostDeleteMutation() { mutationFn: async ({uri}) => { await agent.deletePost(uri) }, - onSuccess(data, variables) { + onSuccess(_, variables) { updatePostShadow(queryClient, variables.uri, {isDeleted: true}) - track('Post:Delete') }, }) } diff --git a/src/state/queries/preferences/index.ts b/src/state/queries/preferences/index.ts index ab866d5e2..3cb121a47 100644 --- a/src/state/queries/preferences/index.ts +++ b/src/state/queries/preferences/index.ts @@ -5,7 +5,6 @@ import { } from '@atproto/api' import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query' -import {track} from '#/lib/analytics/analytics' import {PROD_DEFAULT_FEED} from '#/lib/constants' import {replaceEqualDeep} from '#/lib/functions' import {getAge} from '#/lib/strings/time' @@ -218,7 +217,6 @@ export function useAddSavedFeedsMutation() { >({ mutationFn: async savedFeeds => { await agent.addSavedFeeds(savedFeeds) - track('CustomFeed:Save') // triggers a refetch await queryClient.invalidateQueries({ queryKey: preferencesQueryKey, @@ -234,7 +232,6 @@ export function useRemoveFeedMutation() { return useMutation<void, unknown, Pick<AppBskyActorDefs.SavedFeed, 'id'>>({ mutationFn: async savedFeed => { await agent.removeSavedFeeds([savedFeed.id]) - track('CustomFeed:Unsave') // triggers a refetch await queryClient.invalidateQueries({ queryKey: preferencesQueryKey, diff --git a/src/state/queries/profile.ts b/src/state/queries/profile.ts index 532b005cf..78a142eea 100644 --- a/src/state/queries/profile.ts +++ b/src/state/queries/profile.ts @@ -16,7 +16,6 @@ import { useQueryClient, } from '@tanstack/react-query' -import {track} from '#/lib/analytics/analytics' import {uploadBlob} from '#/lib/api' import {until} from '#/lib/async/until' import {useToggleMutationQueue} from '#/lib/hooks/useToggleMutationQueue' @@ -316,9 +315,6 @@ function useProfileFollowMutation( }) return await agent.follow(did) }, - onSuccess(data, variables) { - track('Profile:Follow', {username: variables.did}) - }, }) } @@ -329,7 +325,6 @@ function useProfileUnfollowMutation( return useMutation<void, Error, {did: string; followUri: string}>({ mutationFn: async ({followUri}) => { logEvent('profile:unfollow:sampled', {logContext}) - track('Profile:Unfollow', {username: followUri}) return await agent.deleteFollow(followUri) }, }) diff --git a/src/state/session/index.tsx b/src/state/session/index.tsx index 21fe7f75b..ab3352bf3 100644 --- a/src/state/session/index.tsx +++ b/src/state/session/index.tsx @@ -1,7 +1,6 @@ import React from 'react' import {AtpSessionEvent, BskyAgent} from '@atproto/api' -import {track} from '#/lib/analytics/analytics' import {logEvent} from '#/lib/statsig/statsig' import {isWeb} from '#/platform/detection' import * as persisted from '#/state/persisted' @@ -70,7 +69,6 @@ export function Provider({children}: React.PropsWithChildren<{}>) { async params => { addSessionDebugLog({type: 'method:start', method: 'createAccount'}) const signal = cancelPendingTask() - track('Try Create Account') logEvent('account:create:begin', {}) const {agent, account} = await createAgentAndCreateAccount( params, @@ -85,7 +83,6 @@ export function Provider({children}: React.PropsWithChildren<{}>) { newAgent: agent, newAccount: account, }) - track('Create Account') logEvent('account:create:success', {}) addSessionDebugLog({type: 'method:end', method: 'createAccount', account}) }, @@ -109,7 +106,6 @@ export function Provider({children}: React.PropsWithChildren<{}>) { newAgent: agent, newAccount: account, }) - track('Sign In', {resumedSession: false}) logEvent('account:loggedIn', {logContext, withPassword: true}) addSessionDebugLog({type: 'method:end', method: 'login', account}) }, diff --git a/src/state/shell/onboarding.tsx b/src/state/shell/onboarding.tsx index d3a8fec46..9aad9953d 100644 --- a/src/state/shell/onboarding.tsx +++ b/src/state/shell/onboarding.tsx @@ -1,6 +1,5 @@ import React from 'react' -import {track} from '#/lib/analytics/analytics' import * as persisted from '#/state/persisted' export const OnboardingScreenSteps = { @@ -55,17 +54,14 @@ function reducer(state: StateContext, action: Action): StateContext { return compute({...state, step: nextStep}) } case 'start': { - track('Onboarding:Begin') persisted.write('onboarding', {step: 'Welcome'}) return compute({...state, step: 'Welcome'}) } case 'finish': { - track('Onboarding:Complete') persisted.write('onboarding', {step: 'Home'}) return compute({...state, step: 'Home'}) } case 'skip': { - track('Onboarding:Skipped') persisted.write('onboarding', {step: 'Home'}) return compute({...state, step: 'Home'}) } diff --git a/src/view/com/auth/LoggedOut.tsx b/src/view/com/auth/LoggedOut.tsx index cc5723805..5b9e3932f 100644 --- a/src/view/com/auth/LoggedOut.tsx +++ b/src/view/com/auth/LoggedOut.tsx @@ -4,7 +4,6 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {logEvent} from '#/lib/statsig/statsig' import {s} from '#/lib/styles' @@ -32,7 +31,6 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) { const {_} = useLingui() const pal = usePalette('default') const setMinimalShellMode = useSetMinimalShellMode() - const {screen} = useAnalytics() const {requestedAccountSwitchTo} = useLoggedOutView() const [screenState, setScreenState] = React.useState<ScreenState>(() => { if (requestedAccountSwitchTo === 'new') { @@ -48,9 +46,8 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) { const {clearRequestedAccount} = useLoggedOutViewControls() React.useEffect(() => { - screen('Login') setMinimalShellMode(true) - }, [screen, setMinimalShellMode]) + }, [setMinimalShellMode]) const onPressDismiss = React.useCallback(() => { if (onDismiss) { diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx index 49ce0d442..ade37af1b 100644 --- a/src/view/com/composer/Composer.tsx +++ b/src/view/com/composer/Composer.tsx @@ -45,7 +45,6 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import * as apilib from '#/lib/api/index' import {until} from '#/lib/async/until' import {MAX_GRAPHEME_LENGTH} from '#/lib/constants' @@ -147,7 +146,6 @@ export const ComposePost = ({ const {data: currentProfile} = useProfileQuery({did: currentAccount!.did}) const {isModalActive} = useModals() const {closeComposer} = useComposerControls() - const {track} = useAnalytics() const pal = usePalette('default') const {isMobile} = useWebMediaQueries() const {_} = useLingui() @@ -310,7 +308,6 @@ export const ComposePost = ({ const onPhotoPasted = useCallback( async (uri: string) => { - track('Composer:PastedPhotos') if (uri.startsWith('data:video/')) { selectVideo({uri, type: 'video', height: 0, width: 0}) } else { @@ -318,7 +315,7 @@ export const ComposePost = ({ onImageAdd([res]) } }, - [track, selectVideo, onImageAdd], + [selectVideo, onImageAdd], ) const isAltTextRequiredAndMissing = useMemo(() => { @@ -446,10 +443,6 @@ export const ComposePost = ({ logContext: 'Composer', }) } - track('Create Post', { - imageCount: images.length, - }) - if (replyTo && replyTo.uri) track('Post:Reply') } if (postUri && !replyTo) { emitPostCreated() @@ -499,7 +492,6 @@ export const ComposePost = ({ setExtLink, setLangPrefs, threadgateAllowUISettings, - track, videoAltText, videoUploadState.asset, videoUploadState.pendingPublish, diff --git a/src/view/com/composer/photos/OpenCameraBtn.tsx b/src/view/com/composer/photos/OpenCameraBtn.tsx index 2183ca790..79d59a92d 100644 --- a/src/view/com/composer/photos/OpenCameraBtn.tsx +++ b/src/view/com/composer/photos/OpenCameraBtn.tsx @@ -3,7 +3,6 @@ import * as MediaLibrary from 'expo-media-library' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {POST_IMG_MAX} from '#/lib/constants' import {useCameraPermission} from '#/lib/hooks/usePermissions' import {openCamera} from '#/lib/media/picker' @@ -20,7 +19,6 @@ type Props = { } export function OpenCameraBtn({disabled, onAdd}: Props) { - const {track} = useAnalytics() const {_} = useLingui() const {requestCameraAccessIfNeeded} = useCameraPermission() const [mediaPermissionRes, requestMediaPermission] = @@ -28,7 +26,6 @@ export function OpenCameraBtn({disabled, onAdd}: Props) { const t = useTheme() const onPressTakePicture = useCallback(async () => { - track('Composer:CameraOpened') try { if (!(await requestCameraAccessIfNeeded())) { return @@ -58,7 +55,6 @@ export function OpenCameraBtn({disabled, onAdd}: Props) { } }, [ onAdd, - track, requestCameraAccessIfNeeded, mediaPermissionRes, requestMediaPermission, diff --git a/src/view/com/composer/photos/SelectPhotoBtn.tsx b/src/view/com/composer/photos/SelectPhotoBtn.tsx index 95d2df022..34ead3d9a 100644 --- a/src/view/com/composer/photos/SelectPhotoBtn.tsx +++ b/src/view/com/composer/photos/SelectPhotoBtn.tsx @@ -3,7 +3,6 @@ import React, {useCallback} from 'react' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePhotoLibraryPermission} from '#/lib/hooks/usePermissions' import {openPicker} from '#/lib/media/picker' import {isNative} from '#/platform/detection' @@ -19,14 +18,11 @@ type Props = { } export function SelectPhotoBtn({size, disabled, onAdd}: Props) { - const {track} = useAnalytics() const {_} = useLingui() const {requestPhotoAccessIfNeeded} = usePhotoLibraryPermission() const t = useTheme() const onPressSelectPhotos = useCallback(async () => { - track('Composer:GalleryOpened') - if (isNative && !(await requestPhotoAccessIfNeeded())) { return } @@ -41,7 +37,7 @@ export function SelectPhotoBtn({size, disabled, onAdd}: Props) { ) onAdd(results) - }, [track, requestPhotoAccessIfNeeded, size, onAdd]) + }, [requestPhotoAccessIfNeeded, size, onAdd]) return ( <Button diff --git a/src/view/com/composer/threadgate/ThreadgateBtn.tsx b/src/view/com/composer/threadgate/ThreadgateBtn.tsx index c4ce9a232..b0806180c 100644 --- a/src/view/com/composer/threadgate/ThreadgateBtn.tsx +++ b/src/view/com/composer/threadgate/ThreadgateBtn.tsx @@ -7,7 +7,6 @@ import {useLingui} from '@lingui/react' import {isNative} from '#/platform/detection' import {ThreadgateAllowUISetting} from '#/state/queries/threadgate' -import {useAnalytics} from 'lib/analytics/analytics' import {atoms as a, useTheme} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import * as Dialog from '#/components/Dialog' @@ -30,13 +29,11 @@ export function ThreadgateBtn({ style?: StyleProp<AnimatedStyle<ViewStyle>> }) { - const {track} = useAnalytics() const {_} = useLingui() const t = useTheme() const control = Dialog.useDialogControl() const onPress = () => { - track('Composer:ThreadgateOpened') if (isNative && Keyboard.isVisible()) { Keyboard.dismiss() } diff --git a/src/view/com/feeds/FeedPage.tsx b/src/view/com/feeds/FeedPage.tsx index f1d03a7ca..d61a81498 100644 --- a/src/view/com/feeds/FeedPage.tsx +++ b/src/view/com/feeds/FeedPage.tsx @@ -6,8 +6,11 @@ import {useLingui} from '@lingui/react' import {NavigationProp, useNavigation} from '@react-navigation/native' import {useQueryClient} from '@tanstack/react-query' +import {ComposeIcon2} from '#/lib/icons' import {getRootNavigation, getTabState, TabState} from '#/lib/routes/helpers' +import {AllNavigatorParams} from '#/lib/routes/types' import {logEvent} from '#/lib/statsig/statsig' +import {s} from '#/lib/styles' import {isNative} from '#/platform/detection' import {listenSoftReset} from '#/state/events' import {FeedFeedbackProvider, useFeedFeedback} from '#/state/feed-feedback' @@ -17,10 +20,6 @@ import {truncateAndInvalidate} from '#/state/queries/util' import {useSession} from '#/state/session' import {useSetMinimalShellMode} from '#/state/shell' import {useComposerControls} from '#/state/shell/composer' -import {useAnalytics} from 'lib/analytics/analytics' -import {ComposeIcon2} from 'lib/icons' -import {AllNavigatorParams} from 'lib/routes/types' -import {s} from 'lib/styles' import {useHeaderOffset} from '#/components/hooks/useHeaderOffset' import {Feed} from '../posts/Feed' import {FAB} from '../util/fab/FAB' @@ -54,7 +53,6 @@ export function FeedPage({ const {openComposer} = useComposerControls() const [isScrolledDown, setIsScrolledDown] = React.useState(false) const setMinimalShellMode = useSetMinimalShellMode() - const {screen, track} = useAnalytics() const headerOffset = useHeaderOffset() const feedFeedback = useFeedFeedback(feed, hasSession) const scrollElRef = React.useRef<ListMethods>(null) @@ -89,14 +87,12 @@ export function FeedPage({ if (!isPageFocused) { return } - screen('Feed') return listenSoftReset(onSoftReset) - }, [onSoftReset, screen, isPageFocused]) + }, [onSoftReset, isPageFocused]) const onPressCompose = React.useCallback(() => { - track('HomeScreen:PressCompose') openComposer({}) - }, [openComposer, track]) + }, [openComposer]) const onPressLoadLatest = React.useCallback(() => { scrollToTop() diff --git a/src/view/com/lists/ListMembers.tsx b/src/view/com/lists/ListMembers.tsx index 4f2b56426..cf7bb6b9e 100644 --- a/src/view/com/lists/ListMembers.tsx +++ b/src/view/com/lists/ListMembers.tsx @@ -7,21 +7,21 @@ import { ViewStyle, } from 'react-native' import {AppBskyActorDefs, AppBskyGraphDefs} from '@atproto/api' -import {List, ListRef} from '../util/List' -import {ProfileCardFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' -import {ErrorMessage} from '../util/error/ErrorMessage' -import {LoadMoreRetryBtn} from '../util/LoadMoreRetryBtn' -import {ProfileCard} from '../profile/ProfileCard' -import {Button} from '../util/forms/Button' -import {useAnalytics} from 'lib/analytics/analytics' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {useListMembersQuery} from '#/state/queries/list-members' +import {msg} from '@lingui/macro' +import {useLingui} from '@lingui/react' + +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' import {useModalControls} from '#/state/modals' +import {useListMembersQuery} from '#/state/queries/list-members' import {useSession} from '#/state/session' -import {cleanError} from '#/lib/strings/errors' -import {useLingui} from '@lingui/react' -import {msg} from '@lingui/macro' +import {ProfileCard} from '../profile/ProfileCard' +import {ErrorMessage} from '../util/error/ErrorMessage' +import {Button} from '../util/forms/Button' +import {List, ListRef} from '../util/List' +import {ProfileCardFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' +import {LoadMoreRetryBtn} from '../util/LoadMoreRetryBtn' const LOADING_ITEM = {_reactKey: '__loading__'} const EMPTY_ITEM = {_reactKey: '__empty__'} @@ -51,7 +51,6 @@ export function ListMembers({ headerOffset?: number desktopFixedHeightOffset?: number }) { - const {track} = useAnalytics() const {_} = useLingui() const [isRefreshing, setIsRefreshing] = React.useState(false) const {isMobile} = useWebMediaQueries() @@ -98,7 +97,6 @@ export function ListMembers({ // = const onRefresh = React.useCallback(async () => { - track('Lists:onRefresh') setIsRefreshing(true) try { await refetch() @@ -106,17 +104,16 @@ export function ListMembers({ logger.error('Failed to refresh lists', {message: err}) } setIsRefreshing(false) - }, [refetch, track, setIsRefreshing]) + }, [refetch, setIsRefreshing]) const onEndReached = React.useCallback(async () => { if (isFetching || !hasNextPage || isError) return - track('Lists:onEndReached') try { await fetchNextPage() } catch (err) { logger.error('Failed to load more lists', {message: err}) } - }, [isFetching, hasNextPage, isError, fetchNextPage, track]) + }, [isFetching, hasNextPage, isError, fetchNextPage]) const onPressRetryLoadMore = React.useCallback(() => { fetchNextPage() diff --git a/src/view/com/lists/MyLists.tsx b/src/view/com/lists/MyLists.tsx index b56fa6c75..363dd100d 100644 --- a/src/view/com/lists/MyLists.tsx +++ b/src/view/com/lists/MyLists.tsx @@ -11,15 +11,14 @@ import {AppBskyGraphDefs as GraphDefs} from '@atproto/api' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' +import {usePalette} from '#/lib/hooks/usePalette' import {cleanError} from '#/lib/strings/errors' +import {s} from '#/lib/styles' import {logger} from '#/logger' +import {isWeb} from '#/platform/detection' +import {useModerationOpts} from '#/state/preferences/moderation-opts' import {MyListsFilter, useMyListsQuery} from '#/state/queries/my-lists' -import {useAnalytics} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {s} from 'lib/styles' -import {isWeb} from 'platform/detection' -import {useModerationOpts} from 'state/preferences/moderation-opts' -import {EmptyState} from 'view/com/util/EmptyState' +import {EmptyState} from '#/view/com/util/EmptyState' import {atoms as a, useTheme} from '#/alf' import * as ListCard from '#/components/ListCard' import {ErrorMessage} from '../util/error/ErrorMessage' @@ -44,7 +43,6 @@ export function MyLists({ }) { const pal = usePalette('default') const t = useTheme() - const {track} = useAnalytics() const {_} = useLingui() const moderationOpts = useModerationOpts() const [isPTRing, setIsPTRing] = React.useState(false) @@ -71,7 +69,6 @@ export function MyLists({ // = const onRefresh = React.useCallback(async () => { - track('Lists:onRefresh') setIsPTRing(true) try { await refetch() @@ -79,7 +76,7 @@ export function MyLists({ logger.error('Failed to refresh lists', {message: err}) } setIsPTRing(false) - }, [refetch, track, setIsPTRing]) + }, [refetch, setIsPTRing]) // rendering // = diff --git a/src/view/com/lists/ProfileLists.tsx b/src/view/com/lists/ProfileLists.tsx index 117164413..27b7f94df 100644 --- a/src/view/com/lists/ProfileLists.tsx +++ b/src/view/com/lists/ProfileLists.tsx @@ -10,7 +10,6 @@ import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' import {isNative, isWeb} from '#/platform/detection' @@ -48,7 +47,6 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>( ref, ) { const t = useTheme() - const {track} = useAnalytics() const {_} = useLingui() const [isPTRing, setIsPTRing] = React.useState(false) const opts = React.useMemo(() => ({enabled}), [enabled]) @@ -102,7 +100,6 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>( })) const onRefresh = React.useCallback(async () => { - track('Lists:onRefresh') setIsPTRing(true) try { await refetch() @@ -110,18 +107,16 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>( logger.error('Failed to refresh lists', {message: err}) } setIsPTRing(false) - }, [refetch, track, setIsPTRing]) + }, [refetch, setIsPTRing]) const onEndReached = React.useCallback(async () => { if (isFetching || !hasNextPage || isError) return - - track('Lists:onEndReached') try { await fetchNextPage() } catch (err) { logger.error('Failed to load more lists', {message: err}) } - }, [isFetching, hasNextPage, isError, fetchNextPage, track]) + }, [isFetching, hasNextPage, isError, fetchNextPage]) const onPressRetryLoadMore = React.useCallback(() => { fetchNextPage() diff --git a/src/view/com/modals/ChangeHandle.tsx b/src/view/com/modals/ChangeHandle.tsx index 54750acf2..2181a94aa 100644 --- a/src/view/com/modals/ChangeHandle.tsx +++ b/src/view/com/modals/ChangeHandle.tsx @@ -11,17 +11,16 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' +import {usePalette} from '#/lib/hooks/usePalette' +import {cleanError} from '#/lib/strings/errors' +import {createFullHandle, makeValidHandle} from '#/lib/strings/handles' +import {s} from '#/lib/styles' +import {useTheme} from '#/lib/ThemeContext' import {logger} from '#/logger' import {useModalControls} from '#/state/modals' import {useFetchDid, useUpdateHandleMutation} from '#/state/queries/handle' import {useServiceQuery} from '#/state/queries/service' import {SessionAccount, useAgent, useSession} from '#/state/session' -import {useAnalytics} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {cleanError} from 'lib/strings/errors' -import {createFullHandle, makeValidHandle} from 'lib/strings/handles' -import {s} from 'lib/styles' -import {useTheme} from 'lib/ThemeContext' import {ErrorMessage} from '../util/error/ErrorMessage' import {Button} from '../util/forms/Button' import {SelectableBtn} from '../util/forms/SelectableBtn' @@ -67,7 +66,6 @@ export function Inner({ }) { const {_} = useLingui() const pal = usePalette('default') - const {track} = useAnalytics() const {closeModal} = useModalControls() const {mutateAsync: updateHandle, isPending: isUpdateHandlePending} = useUpdateHandleMutation() @@ -91,10 +89,7 @@ export function Inner({ setHandle('') setCanSave(false) setCustom(!isCustom) - track( - isCustom ? 'EditHandle:ViewCustomForm' : 'EditHandle:ViewProvidedForm', - ) - }, [setCustom, isCustom, track]) + }, [setCustom, isCustom]) const onPressSave = React.useCallback(async () => { if (!userDomain) { logger.error(`ChangeHandle: userDomain is undefined`, { @@ -105,7 +100,6 @@ export function Inner({ } try { - track('EditHandle:SetNewHandle') const newHandle = isCustom ? handle : createFullHandle(handle, userDomain) logger.debug(`Updating handle to ${newHandle}`) await updateHandle({ @@ -125,7 +119,6 @@ export function Inner({ userDomain, isCustom, onChanged, - track, closeModal, updateHandle, serviceInfo, diff --git a/src/view/com/modals/CreateOrEditList.tsx b/src/view/com/modals/CreateOrEditList.tsx index 7717f597d..8f5487733 100644 --- a/src/view/com/modals/CreateOrEditList.tsx +++ b/src/view/com/modals/CreateOrEditList.tsx @@ -14,7 +14,6 @@ import {AppBskyGraphDefs, RichText as RichTextAPI} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {compressIfNeeded} from '#/lib/media/manip' @@ -54,7 +53,6 @@ export function Component({ const [error, setError] = useState<string>('') const pal = usePalette('default') const theme = useTheme() - const {track} = useAnalytics() const {_} = useLingui() const listCreateMutation = useListCreateMutation() const listMetadataMutation = useListMetadataMutation() @@ -120,7 +118,6 @@ export function Component({ setAvatar(undefined) return } - track('CreateList:AvatarSelected') try { const finalImg = await compressIfNeeded(img, 1000000) setNewAvatar(finalImg) @@ -129,15 +126,10 @@ export function Component({ setError(cleanError(e)) } }, - [track, setNewAvatar, setAvatar, setError], + [setNewAvatar, setAvatar, setError], ) const onPressSave = useCallback(async () => { - if (isCurateList) { - track('CreateList:SaveCurateList') - } else { - track('CreateList:SaveModList') - } const nameTrimmed = name.trim() if (!nameTrimmed) { setError(_(msg`Name is required`)) @@ -200,7 +192,6 @@ export function Component({ } setProcessing(false) }, [ - track, setProcessing, setError, error, diff --git a/src/view/com/modals/EditProfile.tsx b/src/view/com/modals/EditProfile.tsx index b4cb8e013..1e94f483e 100644 --- a/src/view/com/modals/EditProfile.tsx +++ b/src/view/com/modals/EditProfile.tsx @@ -15,7 +15,6 @@ import {AppBskyActorDefs} from '@atproto/api' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' -import {useAnalytics} from '#/lib/analytics/analytics' import {MAX_DESCRIPTION, MAX_DISPLAY_NAME} from '#/lib/constants' import {usePalette} from '#/lib/hooks/usePalette' import {compressIfNeeded} from '#/lib/media/manip' @@ -47,7 +46,6 @@ export function Component({ }) { const pal = usePalette('default') const theme = useTheme() - const {track} = useAnalytics() const {_} = useLingui() const {closeModal} = useModalControls() const updateMutation = useProfileUpdateMutation() @@ -81,7 +79,6 @@ export function Component({ setUserAvatar(null) return } - track('EditProfile:AvatarSelected') try { const finalImg = await compressIfNeeded(img, 1000000) setNewUserAvatar(finalImg) @@ -90,7 +87,7 @@ export function Component({ setImageError(cleanError(e)) } }, - [track, setNewUserAvatar, setUserAvatar, setImageError], + [setNewUserAvatar, setUserAvatar, setImageError], ) const onSelectNewBanner = useCallback( @@ -101,7 +98,6 @@ export function Component({ setUserBanner(null) return } - track('EditProfile:BannerSelected') try { const finalImg = await compressIfNeeded(img, 1000000) setNewUserBanner(finalImg) @@ -110,11 +106,10 @@ export function Component({ setImageError(cleanError(e)) } }, - [track, setNewUserBanner, setUserBanner, setImageError], + [setNewUserBanner, setUserBanner, setImageError], ) const onPressSave = useCallback(async () => { - track('EditProfile:Save') setImageError('') try { await updateMutation.mutateAsync({ @@ -133,7 +128,6 @@ export function Component({ logger.error('Failed to update user profile', {message: String(e)}) } }, [ - track, updateMutation, profile, onUpdate, diff --git a/src/view/com/post-thread/PostThreadFollowBtn.tsx b/src/view/com/post-thread/PostThreadFollowBtn.tsx index 914ee3b66..b75731f6f 100644 --- a/src/view/com/post-thread/PostThreadFollowBtn.tsx +++ b/src/view/com/post-thread/PostThreadFollowBtn.tsx @@ -6,19 +6,18 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useNavigation} from '@react-navigation/native' +import {usePalette} from '#/lib/hooks/usePalette' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {s} from '#/lib/styles' import {logger} from '#/logger' -import {track} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {s} from 'lib/styles' -import {Shadow, useProfileShadow} from 'state/cache/profile-shadow' +import {Shadow, useProfileShadow} from '#/state/cache/profile-shadow' import { useProfileFollowMutationQueue, useProfileQuery, -} from 'state/queries/profile' -import {useRequireAuth} from 'state/session' -import {Text} from 'view/com/util/text/Text' -import * as Toast from 'view/com/util/Toast' +} from '#/state/queries/profile' +import {useRequireAuth} from '#/state/session' +import {Text} from '#/view/com/util/text/Text' +import * as Toast from '#/view/com/util/Toast' export function PostThreadFollowBtn({did}: {did: string}) { const {data: profile, isLoading} = useProfileQuery({did}) @@ -89,7 +88,6 @@ function PostThreadFollowBtnLoaded({ if (!isFollowing) { requireAuth(async () => { try { - track('ProfileHeader:FollowButtonClicked') await queueFollow() } catch (e: any) { if (e?.name !== 'AbortError') { @@ -101,7 +99,6 @@ function PostThreadFollowBtnLoaded({ } else { requireAuth(async () => { try { - track('ProfileHeader:UnfollowButtonClicked') await queueUnfollow() } catch (e: any) { if (e?.name !== 'AbortError') { diff --git a/src/view/com/posts/Feed.tsx b/src/view/com/posts/Feed.tsx index 498ab48ee..905c1e0e0 100644 --- a/src/view/com/posts/Feed.tsx +++ b/src/view/com/posts/Feed.tsx @@ -14,7 +14,6 @@ import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {DISCOVER_FEED_URI, KNOWN_SHUTDOWN_FEEDS} from '#/lib/constants' import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender' import {logEvent, useGate} from '#/lib/statsig/statsig' @@ -196,7 +195,6 @@ let Feed = ({ initialNumToRender?: number }): React.ReactNode => { const theme = useTheme() - const {track} = useAnalytics() const {_} = useLingui() const queryClient = useQueryClient() const {currentAccount, hasSession} = useSession() @@ -405,7 +403,6 @@ let Feed = ({ // = const onRefresh = React.useCallback(async () => { - track('Feed:onRefresh') logEvent('feed:refresh:sampled', { feedType: feedType, feedUrl: feed, @@ -419,7 +416,7 @@ let Feed = ({ logger.error('Failed to refresh posts feed', {message: err}) } setIsPTRing(false) - }, [refetch, track, setIsPTRing, onHasNew, feed, feedType]) + }, [refetch, setIsPTRing, onHasNew, feed, feedType]) const onEndReached = React.useCallback(async () => { if (isFetching || !hasNextPage || isError) return @@ -429,7 +426,6 @@ let Feed = ({ feedUrl: feed, itemCount: feedItems.length, }) - track('Feed:onEndReached') try { await fetchNextPage() } catch (err) { @@ -440,7 +436,6 @@ let Feed = ({ hasNextPage, isError, fetchNextPage, - track, feed, feedType, feedItems.length, diff --git a/src/view/com/profile/ProfileMenu.tsx b/src/view/com/profile/ProfileMenu.tsx index 451c07674..aaa8a93e6 100644 --- a/src/view/com/profile/ProfileMenu.tsx +++ b/src/view/com/profile/ProfileMenu.tsx @@ -6,23 +6,22 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useQueryClient} from '@tanstack/react-query' +import {HITSLOP_10} from '#/lib/constants' +import {makeProfileLink} from '#/lib/routes/links' +import {shareUrl} from '#/lib/sharing' +import {toShareUrl} from '#/lib/strings/url-helpers' import {logger} from '#/logger' -import {useAnalytics} from 'lib/analytics/analytics' -import {HITSLOP_10} from 'lib/constants' -import {makeProfileLink} from 'lib/routes/links' -import {shareUrl} from 'lib/sharing' -import {toShareUrl} from 'lib/strings/url-helpers' -import {Shadow} from 'state/cache/types' -import {useModalControls} from 'state/modals' +import {Shadow} from '#/state/cache/types' +import {useModalControls} from '#/state/modals' import { RQKEY as profileQueryKey, useProfileBlockMutationQueue, useProfileFollowMutationQueue, useProfileMuteMutationQueue, -} from 'state/queries/profile' -import {useSession} from 'state/session' -import {EventStopper} from 'view/com/util/EventStopper' -import * as Toast from 'view/com/util/Toast' +} from '#/state/queries/profile' +import {useSession} from '#/state/session' +import {EventStopper} from '#/view/com/util/EventStopper' +import * as Toast from '#/view/com/util/Toast' import {atoms as a, useTheme} from '#/alf' import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox' import {Flag_Stroke2_Corner0_Rounded as Flag} from '#/components/icons/Flag' @@ -49,7 +48,6 @@ let ProfileMenu = ({ const t = useTheme() // TODO ALF this const alf = useTheme() - const {track} = useAnalytics() const {openModal} = useModalControls() const reportDialogControl = useReportDialogControl() const queryClient = useQueryClient() @@ -83,12 +81,10 @@ let ProfileMenu = ({ }, [queryClient, profile.did]) const onPressShare = React.useCallback(() => { - track('ProfileHeader:ShareButtonClicked') shareUrl(toShareUrl(makeProfileLink(profile))) - }, [track, profile]) + }, [profile]) const onPressAddRemoveLists = React.useCallback(() => { - track('ProfileHeader:AddToListsButtonClicked') openModal({ name: 'user-add-remove-lists', subject: profile.did, @@ -97,11 +93,10 @@ let ProfileMenu = ({ onAdd: invalidateProfileQuery, onRemove: invalidateProfileQuery, }) - }, [track, profile, openModal, invalidateProfileQuery]) + }, [profile, openModal, invalidateProfileQuery]) const onPressMuteAccount = React.useCallback(async () => { if (profile.viewer?.muted) { - track('ProfileHeader:UnmuteAccountButtonClicked') try { await queueUnmute() Toast.show(_(msg`Account unmuted`)) @@ -112,7 +107,6 @@ let ProfileMenu = ({ } } } else { - track('ProfileHeader:MuteAccountButtonClicked') try { await queueMute() Toast.show(_(msg`Account muted`)) @@ -123,11 +117,10 @@ let ProfileMenu = ({ } } } - }, [profile.viewer?.muted, track, queueUnmute, _, queueMute]) + }, [profile.viewer?.muted, queueUnmute, _, queueMute]) const blockAccount = React.useCallback(async () => { if (profile.viewer?.blocking) { - track('ProfileHeader:UnblockAccountButtonClicked') try { await queueUnblock() Toast.show(_(msg`Account unblocked`)) @@ -138,7 +131,6 @@ let ProfileMenu = ({ } } } else { - track('ProfileHeader:BlockAccountButtonClicked') try { await queueBlock() Toast.show(_(msg`Account blocked`)) @@ -149,10 +141,9 @@ let ProfileMenu = ({ } } } - }, [profile.viewer?.blocking, track, _, queueUnblock, queueBlock]) + }, [profile.viewer?.blocking, _, queueUnblock, queueBlock]) const onPressFollowAccount = React.useCallback(async () => { - track('ProfileHeader:FollowButtonClicked') try { await queueFollow() Toast.show(_(msg`Account followed`)) @@ -162,10 +153,9 @@ let ProfileMenu = ({ Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } - }, [_, queueFollow, track]) + }, [_, queueFollow]) const onPressUnfollowAccount = React.useCallback(async () => { - track('ProfileHeader:UnfollowButtonClicked') try { await queueUnfollow() Toast.show(_(msg`Account unfollowed`)) @@ -175,12 +165,11 @@ let ProfileMenu = ({ Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } - }, [_, queueUnfollow, track]) + }, [_, queueUnfollow]) const onPressReportAccount = React.useCallback(() => { - track('ProfileHeader:ReportAccountButtonClicked') reportDialogControl.open() - }, [track, reportDialogControl]) + }, [reportDialogControl]) return ( <EventStopper onKeyDown={false}> diff --git a/src/view/com/util/SimpleViewHeader.tsx b/src/view/com/util/SimpleViewHeader.tsx index dc14723d2..78b66a929 100644 --- a/src/view/com/util/SimpleViewHeader.tsx +++ b/src/view/com/util/SimpleViewHeader.tsx @@ -9,12 +9,11 @@ import { import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {useNavigation} from '@react-navigation/native' +import {usePalette} from '#/lib/hooks/usePalette' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {NavigationProp} from '#/lib/routes/types' import {isWeb} from '#/platform/detection' import {useSetDrawerOpen} from '#/state/shell' -import {useAnalytics} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {NavigationProp} from 'lib/routes/types' import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu' import {CenteredView} from './Views' @@ -31,7 +30,6 @@ export function SimpleViewHeader({ const pal = usePalette('default') const setDrawerOpen = useSetDrawerOpen() const navigation = useNavigation<NavigationProp>() - const {track} = useAnalytics() const {isMobile} = useWebMediaQueries() const canGoBack = navigation.canGoBack() @@ -44,9 +42,8 @@ export function SimpleViewHeader({ }, [navigation]) const onPressMenu = React.useCallback(() => { - track('ViewHeader:MenuButtonClicked') setDrawerOpen(true) - }, [track, setDrawerOpen]) + }, [setDrawerOpen]) const Container = isMobile ? View : CenteredView return ( diff --git a/src/view/com/util/ViewHeader.tsx b/src/view/com/util/ViewHeader.tsx index e5121b350..64fa504eb 100644 --- a/src/view/com/util/ViewHeader.tsx +++ b/src/view/com/util/ViewHeader.tsx @@ -6,7 +6,6 @@ import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useNavigation} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {useMinimalShellHeaderTransform} from '#/lib/hooks/useMinimalShellTransform' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' @@ -42,7 +41,6 @@ export function ViewHeader({ const {_} = useLingui() const setDrawerOpen = useSetDrawerOpen() const navigation = useNavigation<NavigationProp>() - const {track} = useAnalytics() const {isDesktop, isTablet} = useWebMediaQueries() const t = useTheme() @@ -55,9 +53,8 @@ export function ViewHeader({ }, [navigation]) const onPressMenu = React.useCallback(() => { - track('ViewHeader:MenuButtonClicked') setDrawerOpen(true) - }, [track, setDrawerOpen]) + }, [setDrawerOpen]) if (isDesktop) { if (showOnDesktop) { diff --git a/src/view/screens/AccessibilitySettings.tsx b/src/view/screens/AccessibilitySettings.tsx index 158dc8b8d..5d314e8e6 100644 --- a/src/view/screens/AccessibilitySettings.tsx +++ b/src/view/screens/AccessibilitySettings.tsx @@ -4,7 +4,6 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' @@ -36,7 +35,6 @@ type Props = NativeStackScreenProps< export function AccessibilitySettingsScreen({}: Props) { const pal = usePalette('default') const setMinimalShellMode = useSetMinimalShellMode() - const {screen} = useAnalytics() const {isMobile, isTabletOrMobile} = useWebMediaQueries() const {_} = useLingui() @@ -51,9 +49,8 @@ export function AccessibilitySettingsScreen({}: Props) { useFocusEffect( React.useCallback(() => { - screen('PreferencesExternalEmbeds') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) return ( diff --git a/src/view/screens/AppPasswords.tsx b/src/view/screens/AppPasswords.tsx index 6f1cd1bb8..21a9cb0eb 100644 --- a/src/view/screens/AppPasswords.tsx +++ b/src/view/screens/AppPasswords.tsx @@ -12,7 +12,6 @@ import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' import {NativeStackScreenProps} from '@react-navigation/native-stack' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {CommonNavigatorParams} from '#/lib/routes/types' @@ -28,7 +27,7 @@ import {Button} from '#/view/com/util/forms/Button' import {Text} from '#/view/com/util/text/Text' import * as Toast from '#/view/com/util/Toast' import {ViewHeader} from '#/view/com/util/ViewHeader' -import {CenteredView} from 'view/com/util/Views' +import {CenteredView} from '#/view/com/util/Views' import {atoms as a} from '#/alf' import {useDialogControl} from '#/components/Dialog' import * as Prompt from '#/components/Prompt' @@ -38,16 +37,14 @@ export function AppPasswords({}: Props) { const pal = usePalette('default') const {_} = useLingui() const setMinimalShellMode = useSetMinimalShellMode() - const {screen} = useAnalytics() const {isTabletOrDesktop} = useWebMediaQueries() const {openModal} = useModalControls() const {data: appPasswords, error} = useAppPasswordsQuery() useFocusEffect( React.useCallback(() => { - screen('AppPasswords') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const onAdd = React.useCallback(async () => { diff --git a/src/view/screens/LanguageSettings.tsx b/src/view/screens/LanguageSettings.tsx index bd69d7a55..c1daa54e6 100644 --- a/src/view/screens/LanguageSettings.tsx +++ b/src/view/screens/LanguageSettings.tsx @@ -10,7 +10,6 @@ import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' import {APP_LANGUAGES, LANGUAGES} from '#/lib/../locale/languages' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' @@ -32,21 +31,18 @@ export function LanguageSettingsScreen(_props: Props) { const langPrefs = useLanguagePrefs() const setLangPrefs = useLanguagePrefsApi() const {isTabletOrDesktop} = useWebMediaQueries() - const {screen, track} = useAnalytics() const setMinimalShellMode = useSetMinimalShellMode() const {openModal} = useModalControls() useFocusEffect( React.useCallback(() => { - screen('Settings') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const onPressContentLanguages = React.useCallback(() => { - track('Settings:ContentlanguagesButtonClicked') openModal({name: 'content-languages-settings'}) - }, [track, openModal]) + }, [openModal]) const onChangePrimaryLanguage = React.useCallback( (value: Parameters<PickerSelectProps['onValueChange']>[0]) => { diff --git a/src/view/screens/ModerationBlockedAccounts.tsx b/src/view/screens/ModerationBlockedAccounts.tsx index ebd9bb23e..88a5df7ec 100644 --- a/src/view/screens/ModerationBlockedAccounts.tsx +++ b/src/view/screens/ModerationBlockedAccounts.tsx @@ -12,16 +12,15 @@ import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' import {NativeStackScreenProps} from '@react-navigation/native-stack' +import {usePalette} from '#/lib/hooks/usePalette' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {CommonNavigatorParams} from '#/lib/routes/types' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' import {useMyBlockedAccountsQuery} from '#/state/queries/my-blocked-accounts' import {useSetMinimalShellMode} from '#/state/shell' -import {useAnalytics} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {CommonNavigatorParams} from 'lib/routes/types' -import {ProfileCard} from 'view/com/profile/ProfileCard' -import {CenteredView} from 'view/com/util/Views' +import {ProfileCard} from '#/view/com/profile/ProfileCard' +import {CenteredView} from '#/view/com/util/Views' import {ErrorScreen} from '../com/util/error/ErrorScreen' import {Text} from '../com/util/text/Text' import {ViewHeader} from '../com/util/ViewHeader' @@ -35,7 +34,6 @@ export function ModerationBlockedAccounts({}: Props) { const {_} = useLingui() const setMinimalShellMode = useSetMinimalShellMode() const {isTabletOrDesktop} = useWebMediaQueries() - const {screen} = useAnalytics() const [isPTRing, setIsPTRing] = React.useState(false) const { @@ -58,9 +56,8 @@ export function ModerationBlockedAccounts({}: Props) { useFocusEffect( React.useCallback(() => { - screen('BlockedAccounts') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const onRefresh = React.useCallback(async () => { diff --git a/src/view/screens/ModerationMutedAccounts.tsx b/src/view/screens/ModerationMutedAccounts.tsx index e395a3a5b..bd29cb2d9 100644 --- a/src/view/screens/ModerationMutedAccounts.tsx +++ b/src/view/screens/ModerationMutedAccounts.tsx @@ -12,16 +12,15 @@ import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' import {NativeStackScreenProps} from '@react-navigation/native-stack' +import {usePalette} from '#/lib/hooks/usePalette' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {CommonNavigatorParams} from '#/lib/routes/types' import {cleanError} from '#/lib/strings/errors' import {logger} from '#/logger' import {useMyMutedAccountsQuery} from '#/state/queries/my-muted-accounts' import {useSetMinimalShellMode} from '#/state/shell' -import {useAnalytics} from 'lib/analytics/analytics' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {CommonNavigatorParams} from 'lib/routes/types' -import {ProfileCard} from 'view/com/profile/ProfileCard' -import {CenteredView} from 'view/com/util/Views' +import {ProfileCard} from '#/view/com/profile/ProfileCard' +import {CenteredView} from '#/view/com/util/Views' import {ErrorScreen} from '../com/util/error/ErrorScreen' import {Text} from '../com/util/text/Text' import {ViewHeader} from '../com/util/ViewHeader' @@ -35,7 +34,6 @@ export function ModerationMutedAccounts({}: Props) { const {_} = useLingui() const setMinimalShellMode = useSetMinimalShellMode() const {isTabletOrDesktop} = useWebMediaQueries() - const {screen} = useAnalytics() const [isPTRing, setIsPTRing] = React.useState(false) const { @@ -58,9 +56,8 @@ export function ModerationMutedAccounts({}: Props) { useFocusEffect( React.useCallback(() => { - screen('MutedAccounts') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const onRefresh = React.useCallback(async () => { diff --git a/src/view/screens/Notifications.tsx b/src/view/screens/Notifications.tsx index 073e91c45..818d3d0ed 100644 --- a/src/view/screens/Notifications.tsx +++ b/src/view/screens/Notifications.tsx @@ -5,7 +5,6 @@ import {useLingui} from '@lingui/react' import {useFocusEffect, useIsFocused} from '@react-navigation/native' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {ComposeIcon2} from '#/lib/icons' @@ -27,11 +26,11 @@ import {useSetMinimalShellMode} from '#/state/shell' import {useComposerControls} from '#/state/shell/composer' import {Feed} from '#/view/com/notifications/Feed' import {FAB} from '#/view/com/util/fab/FAB' +import {ListMethods} from '#/view/com/util/List' +import {LoadLatestBtn} from '#/view/com/util/load-latest/LoadLatestBtn' import {MainScrollProvider} from '#/view/com/util/MainScrollProvider' import {ViewHeader} from '#/view/com/util/ViewHeader' -import {ListMethods} from 'view/com/util/List' -import {LoadLatestBtn} from 'view/com/util/load-latest/LoadLatestBtn' -import {CenteredView} from 'view/com/util/Views' +import {CenteredView} from '#/view/com/util/Views' import {atoms as a, useTheme} from '#/alf' import {Button} from '#/components/Button' import {SettingsGear2_Stroke2_Corner0_Rounded as SettingsIcon} from '#/components/icons/SettingsGear2' @@ -49,7 +48,6 @@ export function NotificationsScreen({route: {params}}: Props) { const [isScrolledDown, setIsScrolledDown] = React.useState(false) const [isLoadingLatest, setIsLoadingLatest] = React.useState(false) const scrollElRef = React.useRef<ListMethods>(null) - const {screen} = useAnalytics() const t = useTheme() const {isDesktop} = useWebMediaQueries() const queryClient = useQueryClient() @@ -101,9 +99,8 @@ export function NotificationsScreen({route: {params}}: Props) { React.useCallback(() => { setMinimalShellMode(false) logger.debug('NotificationsScreen: Focus') - screen('Notifications') onFocusCheckLatest() - }, [screen, setMinimalShellMode, onFocusCheckLatest]), + }, [setMinimalShellMode, onFocusCheckLatest]), ) React.useEffect(() => { if (!isScreenFocused) { diff --git a/src/view/screens/PreferencesExternalEmbeds.tsx b/src/view/screens/PreferencesExternalEmbeds.tsx index 8b3550d6b..ae23b6e95 100644 --- a/src/view/screens/PreferencesExternalEmbeds.tsx +++ b/src/view/screens/PreferencesExternalEmbeds.tsx @@ -3,7 +3,6 @@ import {StyleSheet, View} from 'react-native' import {Trans} from '@lingui/macro' import {useFocusEffect} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' @@ -30,14 +29,12 @@ type Props = NativeStackScreenProps< export function PreferencesExternalEmbeds({}: Props) { const pal = usePalette('default') const setMinimalShellMode = useSetMinimalShellMode() - const {screen} = useAnalytics() const {isTabletOrMobile} = useWebMediaQueries() useFocusEffect( React.useCallback(() => { - screen('PreferencesExternalEmbeds') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) return ( diff --git a/src/view/screens/Profile.tsx b/src/view/screens/Profile.tsx index b37445fad..772625695 100644 --- a/src/view/screens/Profile.tsx +++ b/src/view/screens/Profile.tsx @@ -16,7 +16,6 @@ import { useQueryClient, } from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {useSetTitle} from '#/lib/hooks/useSetTitle' import {ComposeIcon2} from '#/lib/icons' import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' @@ -167,7 +166,6 @@ function ProfileScreenLoaded({ const {hasSession, currentAccount} = useSession() const setMinimalShellMode = useSetMinimalShellMode() const {openComposer} = useComposerControls() - const {screen, track} = useAnalytics() const { data: labelerInfo, error: labelerError, @@ -296,11 +294,10 @@ function ProfileScreenLoaded({ useFocusEffect( React.useCallback(() => { setMinimalShellMode(false) - screen('Profile') return listenSoftReset(() => { scrollSectionToTop(currentPage) }) - }, [setMinimalShellMode, screen, currentPage, scrollSectionToTop]), + }, [setMinimalShellMode, currentPage, scrollSectionToTop]), ) useFocusEffect( @@ -316,7 +313,6 @@ function ProfileScreenLoaded({ // = const onPressCompose = () => { - track('ProfileScreen:PressCompose') const mention = profile.handle === currentAccount?.handle || isInvalidHandle(profile.handle) diff --git a/src/view/screens/ProfileFeed.tsx b/src/view/screens/ProfileFeed.tsx index 60e5193ff..a094cc3dd 100644 --- a/src/view/screens/ProfileFeed.tsx +++ b/src/view/screens/ProfileFeed.tsx @@ -8,6 +8,17 @@ import {NativeStackScreenProps} from '@react-navigation/native-stack' import {useQueryClient} from '@tanstack/react-query' import {HITSLOP_20} from '#/lib/constants' +import {useHaptics} from '#/lib/haptics' +import {usePalette} from '#/lib/hooks/usePalette' +import {useSetTitle} from '#/lib/hooks/useSetTitle' +import {ComposeIcon2} from '#/lib/icons' +import {makeCustomFeedLink} from '#/lib/routes/links' +import {CommonNavigatorParams} from '#/lib/routes/types' +import {NavigationProp} from '#/lib/routes/types' +import {shareUrl} from '#/lib/sharing' +import {makeRecordUri} from '#/lib/strings/url-helpers' +import {toShareUrl} from '#/lib/strings/url-helpers' +import {s} from '#/lib/styles' import {logger} from '#/logger' import {isNative} from '#/platform/detection' import {listenSoftReset} from '#/state/events' @@ -27,30 +38,18 @@ import {useResolveUriQuery} from '#/state/queries/resolve-uri' import {truncateAndInvalidate} from '#/state/queries/util' import {useSession} from '#/state/session' import {useComposerControls} from '#/state/shell/composer' -import {useAnalytics} from 'lib/analytics/analytics' -import {useHaptics} from 'lib/haptics' -import {usePalette} from 'lib/hooks/usePalette' -import {useSetTitle} from 'lib/hooks/useSetTitle' -import {ComposeIcon2} from 'lib/icons' -import {makeCustomFeedLink} from 'lib/routes/links' -import {CommonNavigatorParams} from 'lib/routes/types' -import {NavigationProp} from 'lib/routes/types' -import {shareUrl} from 'lib/sharing' -import {makeRecordUri} from 'lib/strings/url-helpers' -import {toShareUrl} from 'lib/strings/url-helpers' -import {s} from 'lib/styles' -import {PagerWithHeader} from 'view/com/pager/PagerWithHeader' -import {Feed} from 'view/com/posts/Feed' -import {ProfileSubpageHeader} from 'view/com/profile/ProfileSubpageHeader' -import {EmptyState} from 'view/com/util/EmptyState' -import {FAB} from 'view/com/util/fab/FAB' -import {Button} from 'view/com/util/forms/Button' -import {ListRef} from 'view/com/util/List' -import {LoadLatestBtn} from 'view/com/util/load-latest/LoadLatestBtn' -import {LoadingScreen} from 'view/com/util/LoadingScreen' -import {Text} from 'view/com/util/text/Text' -import * as Toast from 'view/com/util/Toast' -import {CenteredView} from 'view/com/util/Views' +import {PagerWithHeader} from '#/view/com/pager/PagerWithHeader' +import {Feed} from '#/view/com/posts/Feed' +import {ProfileSubpageHeader} from '#/view/com/profile/ProfileSubpageHeader' +import {EmptyState} from '#/view/com/util/EmptyState' +import {FAB} from '#/view/com/util/fab/FAB' +import {Button} from '#/view/com/util/forms/Button' +import {ListRef} from '#/view/com/util/List' +import {LoadLatestBtn} from '#/view/com/util/load-latest/LoadLatestBtn' +import {LoadingScreen} from '#/view/com/util/LoadingScreen' +import {Text} from '#/view/com/util/text/Text' +import * as Toast from '#/view/com/util/Toast' +import {CenteredView} from '#/view/com/util/Views' import {atoms as a, useTheme} from '#/alf' import {Button as NewButton, ButtonText} from '#/components/Button' import {useRichText} from '#/components/hooks/useRichText' @@ -158,7 +157,6 @@ export function ProfileFeedScreenInner({ const {hasSession, currentAccount} = useSession() const reportDialogControl = useReportDialogControl() const {openComposer} = useComposerControls() - const {track} = useAnalytics() const playHaptic = useHaptics() const feedSectionRef = React.useRef<SectionRef>(null) const isScreenFocused = useIsFocused() @@ -247,8 +245,7 @@ export function ProfileFeedScreenInner({ const onPressShare = React.useCallback(() => { const url = toShareUrl(feedInfo.route.href) shareUrl(url) - track('CustomFeed:Share') - }, [feedInfo, track]) + }, [feedInfo]) const onPressReport = React.useCallback(() => { reportDialogControl.open() @@ -515,7 +512,6 @@ function AboutSection({ const {_} = useLingui() const [likeUri, setLikeUri] = React.useState(feedInfo.likeUri) const {hasSession} = useSession() - const {track} = useAnalytics() const playHaptic = useHaptics() const {mutateAsync: likeFeed, isPending: isLikePending} = useLikeMutation() const {mutateAsync: unlikeFeed, isPending: isUnlikePending} = @@ -532,11 +528,9 @@ function AboutSection({ if (isLiked && likeUri) { await unlikeFeed({uri: likeUri}) - track('CustomFeed:Unlike') setLikeUri('') } else { const res = await likeFeed({uri: feedInfo.uri, cid: feedInfo.cid}) - track('CustomFeed:Like') setLikeUri(res.uri) } } catch (err) { @@ -548,7 +542,7 @@ function AboutSection({ ) logger.error('Failed up toggle like', {message: err}) } - }, [playHaptic, isLiked, likeUri, unlikeFeed, track, likeFeed, feedInfo, _]) + }, [playHaptic, isLiked, likeUri, unlikeFeed, likeFeed, feedInfo, _]) return ( <View style={[styles.aboutSectionContainer]}> diff --git a/src/view/screens/ProfileList.tsx b/src/view/screens/ProfileList.tsx index 0c2c6405f..e0fd18ae9 100644 --- a/src/view/screens/ProfileList.tsx +++ b/src/view/screens/ProfileList.tsx @@ -14,8 +14,19 @@ import {useFocusEffect, useIsFocused} from '@react-navigation/native' import {useNavigation} from '@react-navigation/native' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' +import {useHaptics} from '#/lib/haptics' +import {usePalette} from '#/lib/hooks/usePalette' +import {useSetTitle} from '#/lib/hooks/useSetTitle' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {ComposeIcon2} from '#/lib/icons' +import {makeListLink, makeProfileLink} from '#/lib/routes/links' +import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' +import {NavigationProp} from '#/lib/routes/types' +import {shareUrl} from '#/lib/sharing' import {cleanError} from '#/lib/strings/errors' +import {sanitizeHandle} from '#/lib/strings/handles' +import {toShareUrl} from '#/lib/strings/url-helpers' +import {s} from '#/lib/styles' import {logger} from '#/logger' import {isNative, isWeb} from '#/platform/detection' import {listenSoftReset} from '#/state/events' @@ -41,33 +52,24 @@ import {truncateAndInvalidate} from '#/state/queries/util' import {useSession} from '#/state/session' import {useSetMinimalShellMode} from '#/state/shell' import {useComposerControls} from '#/state/shell/composer' -import {useHaptics} from 'lib/haptics' -import {usePalette} from 'lib/hooks/usePalette' -import {useSetTitle} from 'lib/hooks/useSetTitle' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {ComposeIcon2} from 'lib/icons' -import {makeListLink, makeProfileLink} from 'lib/routes/links' -import {CommonNavigatorParams, NativeStackScreenProps} from 'lib/routes/types' -import {NavigationProp} from 'lib/routes/types' -import {shareUrl} from 'lib/sharing' -import {sanitizeHandle} from 'lib/strings/handles' -import {toShareUrl} from 'lib/strings/url-helpers' -import {s} from 'lib/styles' import {ListMembers} from '#/view/com/lists/ListMembers' -import {PagerWithHeader} from 'view/com/pager/PagerWithHeader' -import {Feed} from 'view/com/posts/Feed' -import {ProfileSubpageHeader} from 'view/com/profile/ProfileSubpageHeader' -import {EmptyState} from 'view/com/util/EmptyState' -import {FAB} from 'view/com/util/fab/FAB' -import {Button} from 'view/com/util/forms/Button' -import {DropdownItem, NativeDropdown} from 'view/com/util/forms/NativeDropdown' -import {TextLink} from 'view/com/util/Link' -import {ListRef} from 'view/com/util/List' -import {LoadLatestBtn} from 'view/com/util/load-latest/LoadLatestBtn' -import {LoadingScreen} from 'view/com/util/LoadingScreen' -import {Text} from 'view/com/util/text/Text' -import * as Toast from 'view/com/util/Toast' -import {CenteredView} from 'view/com/util/Views' +import {PagerWithHeader} from '#/view/com/pager/PagerWithHeader' +import {Feed} from '#/view/com/posts/Feed' +import {ProfileSubpageHeader} from '#/view/com/profile/ProfileSubpageHeader' +import {EmptyState} from '#/view/com/util/EmptyState' +import {FAB} from '#/view/com/util/fab/FAB' +import {Button} from '#/view/com/util/forms/Button' +import { + DropdownItem, + NativeDropdown, +} from '#/view/com/util/forms/NativeDropdown' +import {TextLink} from '#/view/com/util/Link' +import {ListRef} from '#/view/com/util/List' +import {LoadLatestBtn} from '#/view/com/util/load-latest/LoadLatestBtn' +import {LoadingScreen} from '#/view/com/util/LoadingScreen' +import {Text} from '#/view/com/util/text/Text' +import * as Toast from '#/view/com/util/Toast' +import {CenteredView} from '#/view/com/util/Views' import {ListHiddenScreen} from '#/screens/List/ListHiddenScreen' import {atoms as a, useTheme} from '#/alf' import {useDialogControl} from '#/components/Dialog' @@ -306,7 +308,6 @@ function Header({ const isBlocking = !!list.viewer?.blocked const isMuting = !!list.viewer?.muted const isOwner = list.creator.did === currentAccount?.did - const {track} = useAnalytics() const playHaptic = useHaptics() const {mutateAsync: addSavedFeeds, isPending: isAddSavedFeedPending} = @@ -384,7 +385,6 @@ function Header({ try { await listMuteMutation.mutateAsync({uri: list.uri, mute: true}) Toast.show(_(msg`List muted`)) - track('Lists:Mute') } catch { Toast.show( _( @@ -392,13 +392,12 @@ function Header({ ), ) } - }, [list, listMuteMutation, track, _]) + }, [list, listMuteMutation, _]) const onUnsubscribeMute = useCallback(async () => { try { await listMuteMutation.mutateAsync({uri: list.uri, mute: false}) Toast.show(_(msg`List unmuted`)) - track('Lists:Unmute') } catch { Toast.show( _( @@ -406,13 +405,12 @@ function Header({ ), ) } - }, [list, listMuteMutation, track, _]) + }, [list, listMuteMutation, _]) const onSubscribeBlock = useCallback(async () => { try { await listBlockMutation.mutateAsync({uri: list.uri, block: true}) Toast.show(_(msg`List blocked`)) - track('Lists:Block') } catch { Toast.show( _( @@ -420,13 +418,12 @@ function Header({ ), ) } - }, [list, listBlockMutation, track, _]) + }, [list, listBlockMutation, _]) const onUnsubscribeBlock = useCallback(async () => { try { await listBlockMutation.mutateAsync({uri: list.uri, block: false}) Toast.show(_(msg`List unblocked`)) - track('Lists:Unblock') } catch { Toast.show( _( @@ -434,7 +431,7 @@ function Header({ ), ) } - }, [list, listBlockMutation, track, _]) + }, [list, listBlockMutation, _]) const onPressEdit = useCallback(() => { openModal({ @@ -451,7 +448,6 @@ function Header({ } Toast.show(_(msg`List deleted`)) - track('Lists:Delete') if (navigation.canGoBack()) { navigation.goBack() } else { @@ -461,7 +457,6 @@ function Header({ list, listDeleteMutation, navigation, - track, _, removeSavedFeed, savedFeedConfig, @@ -474,8 +469,7 @@ function Header({ const onPressShare = useCallback(() => { const url = toShareUrl(`/profile/${list.creator.did}/lists/${rkey}`) shareUrl(url) - track('Lists:Share') - }, [list, rkey, track]) + }, [list, rkey]) const dropdownItems: DropdownItem[] = useMemo(() => { let items: DropdownItem[] = [ diff --git a/src/view/screens/SavedFeeds.tsx b/src/view/screens/SavedFeeds.tsx index 3402db2c1..66bbd9b8a 100644 --- a/src/view/screens/SavedFeeds.tsx +++ b/src/view/screens/SavedFeeds.tsx @@ -7,7 +7,11 @@ import {useLingui} from '@lingui/react' import {useFocusEffect} from '@react-navigation/native' import {NativeStackScreenProps} from '@react-navigation/native-stack' -import {track} from '#/lib/analytics/analytics' +import {useHaptics} from '#/lib/haptics' +import {usePalette} from '#/lib/hooks/usePalette' +import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {CommonNavigatorParams} from '#/lib/routes/types' +import {colors, s} from '#/lib/styles' import {logger} from '#/logger' import { useOverwriteSavedFeedsMutation, @@ -16,18 +20,12 @@ import { } from '#/state/queries/preferences' import {UsePreferencesQueryResponse} from '#/state/queries/preferences/types' import {useSetMinimalShellMode} from '#/state/shell' -import {useAnalytics} from 'lib/analytics/analytics' -import {useHaptics} from 'lib/haptics' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {CommonNavigatorParams} from 'lib/routes/types' -import {colors, s} from 'lib/styles' -import {FeedSourceCard} from 'view/com/feeds/FeedSourceCard' -import {TextLink} from 'view/com/util/Link' -import {Text} from 'view/com/util/text/Text' -import * as Toast from 'view/com/util/Toast' -import {ViewHeader} from 'view/com/util/ViewHeader' -import {CenteredView, ScrollView} from 'view/com/util/Views' +import {FeedSourceCard} from '#/view/com/feeds/FeedSourceCard' +import {TextLink} from '#/view/com/util/Link' +import {Text} from '#/view/com/util/text/Text' +import * as Toast from '#/view/com/util/Toast' +import {ViewHeader} from '#/view/com/util/ViewHeader' +import {CenteredView, ScrollView} from '#/view/com/util/Views' import {NoFollowingFeed} from '#/screens/Feeds/NoFollowingFeed' import {NoSavedFeedsOfAnyType} from '#/screens/Feeds/NoSavedFeedsOfAnyType' import {atoms as a, useTheme} from '#/alf' @@ -51,7 +49,6 @@ export function SavedFeeds({}: Props) { const pal = usePalette('default') const {_} = useLingui() const {isMobile, isTabletOrDesktop} = useWebMediaQueries() - const {screen} = useAnalytics() const setMinimalShellMode = useSetMinimalShellMode() const {data: preferences} = usePreferencesQuery() const { @@ -77,9 +74,8 @@ export function SavedFeeds({}: Props) { useFocusEffect( React.useCallback(() => { - screen('SavedFeeds') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) return ( @@ -256,10 +252,6 @@ function ListItem({ try { await overwriteSavedFeeds(nextFeeds) - track('CustomFeed:Reorder', { - uri: feed.value, - index: nextIndex, - }) } catch (e) { Toast.show(_(msg`There was an issue contacting the server`), 'xmark') logger.error('Failed to set pinned feed order', {message: e}) @@ -282,10 +274,6 @@ function ListItem({ try { await overwriteSavedFeeds(nextFeeds) - track('CustomFeed:Reorder', { - uri: feed.value, - index: nextIndex, - }) } catch (e) { Toast.show(_(msg`There was an issue contacting the server`), 'xmark') logger.error('Failed to set pinned feed order', {message: e}) diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx index 583999f87..66c354b3b 100644 --- a/src/view/screens/Search/Search.tsx +++ b/src/view/screens/Search/Search.tsx @@ -23,7 +23,6 @@ import AsyncStorage from '@react-native-async-storage/async-storage' import {useFocusEffect, useNavigation} from '@react-navigation/native' import {LANGUAGES} from '#/lib/../locale/languages' -import {useAnalytics} from '#/lib/analytics/analytics' import {createHitslop} from '#/lib/constants' import {HITSLOP_10} from '#/lib/constants' import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback' @@ -601,7 +600,6 @@ export function SearchScreen( const navigation = useNavigation<NavigationProp>() const textInput = React.useRef<TextInput>(null) const {_} = useLingui() - const {track} = useAnalytics() const setDrawerOpen = useSetDrawerOpen() const setMinimalShellMode = useSetMinimalShellMode() @@ -656,9 +654,8 @@ export function SearchScreen( }, []) const onPressMenu = React.useCallback(() => { - track('ViewHeader:MenuButtonClicked') setDrawerOpen(true) - }, [track, setDrawerOpen]) + }, [setDrawerOpen]) const onPressClearQuery = React.useCallback(() => { scrollToTopWeb() diff --git a/src/view/screens/Settings/index.tsx b/src/view/screens/Settings/index.tsx index 73bfaa83e..a2b767097 100644 --- a/src/view/screens/Settings/index.tsx +++ b/src/view/screens/Settings/index.tsx @@ -18,7 +18,6 @@ import {useLingui} from '@lingui/react' import {useFocusEffect, useNavigation} from '@react-navigation/native' import {useQueryClient} from '@tanstack/react-query' -import {useAnalytics} from '#/lib/analytics/analytics' import {appVersion, BUNDLE_DATE, bundleInfo} from '#/lib/app-info' import {STATUS_PAGE_URL} from '#/lib/constants' import {useAccountSwitcher} from '#/lib/hooks/useAccountSwitcher' @@ -146,7 +145,6 @@ export function SettingsScreen({}: Props) { const onboardingDispatch = useOnboardingDispatch() const navigation = useNavigation<NavigationProp>() const {isMobile} = useWebMediaQueries() - const {screen, track} = useAnalytics() const {openModal} = useModalControls() const {accounts, currentAccount} = useSession() const {mutate: clearPreferences} = useClearPreferencesMutation() @@ -178,19 +176,16 @@ export function SettingsScreen({}: Props) { useFocusEffect( React.useCallback(() => { - screen('Settings') setMinimalShellMode(false) - }, [screen, setMinimalShellMode]), + }, [setMinimalShellMode]), ) const onPressAddAccount = React.useCallback(() => { - track('Settings:AddAccountButtonClicked') setShowLoggedOut(true) closeAllActiveElements() - }, [track, setShowLoggedOut, closeAllActiveElements]) + }, [setShowLoggedOut, closeAllActiveElements]) const onPressChangeHandle = React.useCallback(() => { - track('Settings:ChangeHandleButtonClicked') openModal({ name: 'change-handle', onChanged() { @@ -202,7 +197,7 @@ export function SettingsScreen({}: Props) { } }, }) - }, [track, queryClient, openModal, currentAccount]) + }, [queryClient, openModal, currentAccount]) const onPressExportRepository = React.useCallback(() => { exportCarControl.open() diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index 226fe2496..ca2cbb3e0 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -14,7 +14,6 @@ import {msg, Plural, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {StackActions, useNavigation} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {FEEDBACK_FORM_URL, HELP_DESK_URL} from '#/lib/constants' import {useNavigationTabState} from '#/lib/hooks/useNavigationTabState' import {usePalette} from '#/lib/hooks/usePalette' @@ -146,7 +145,6 @@ let DrawerContent = ({}: {}): React.ReactNode => { const {_} = useLingui() const setDrawerOpen = useSetDrawerOpen() const navigation = useNavigation<NavigationProp>() - const {track} = useAnalytics() const {isAtHome, isAtSearch, isAtFeeds, isAtNotifications, isAtMyProfile} = useNavigationTabState() const {hasSession, currentAccount} = useSession() @@ -157,7 +155,6 @@ let DrawerContent = ({}: {}): React.ReactNode => { const onPressTab = React.useCallback( (tab: string) => { - track('Menu:ItemClicked', {url: tab}) const state = navigation.getState() setDrawerOpen(false) if (isWeb) { @@ -180,7 +177,7 @@ let DrawerContent = ({}: {}): React.ReactNode => { } } }, - [track, navigation, setDrawerOpen, currentAccount], + [navigation, setDrawerOpen, currentAccount], ) const onPressHome = React.useCallback(() => onPressTab('Home'), [onPressTab]) @@ -200,37 +197,32 @@ let DrawerContent = ({}: {}): React.ReactNode => { }, [onPressTab]) const onPressMyFeeds = React.useCallback(() => { - track('Menu:ItemClicked', {url: 'Feeds'}) navigation.navigate('Feeds') setDrawerOpen(false) - }, [navigation, setDrawerOpen, track]) + }, [navigation, setDrawerOpen]) const onPressLists = React.useCallback(() => { - track('Menu:ItemClicked', {url: 'Lists'}) navigation.navigate('Lists') setDrawerOpen(false) - }, [navigation, track, setDrawerOpen]) + }, [navigation, setDrawerOpen]) const onPressSettings = React.useCallback(() => { - track('Menu:ItemClicked', {url: 'Settings'}) navigation.navigate('Settings') setDrawerOpen(false) - }, [navigation, track, setDrawerOpen]) + }, [navigation, setDrawerOpen]) const onPressFeedback = React.useCallback(() => { - track('Menu:FeedbackClicked') Linking.openURL( FEEDBACK_FORM_URL({ email: currentAccount?.email, handle: currentAccount?.handle, }), ) - }, [track, currentAccount]) + }, [currentAccount]) const onPressHelp = React.useCallback(() => { - track('Menu:HelpClicked') Linking.openURL(HELP_DESK_URL) - }, [track]) + }, []) // rendering // = diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx index f0e6ba339..9187b5321 100644 --- a/src/view/shell/bottom-bar/BottomBar.tsx +++ b/src/view/shell/bottom-bar/BottomBar.tsx @@ -7,7 +7,6 @@ import {useLingui} from '@lingui/react' import {BottomTabBarProps} from '@react-navigation/bottom-tabs' import {StackActions} from '@react-navigation/native' -import {useAnalytics} from '#/lib/analytics/analytics' import {PressableScale} from '#/lib/custom-animations/PressableScale' import {useHaptics} from '#/lib/haptics' import {useDedupe} from '#/lib/hooks/useDedupe' @@ -62,7 +61,6 @@ export function BottomBar({navigation}: BottomTabBarProps) { const pal = usePalette('default') const {_} = useLingui() const safeAreaInsets = useSafeAreaInsets() - const {track} = useAnalytics() const {footerHeight} = useShellLayout() const {isAtHome, isAtSearch, isAtNotifications, isAtMyProfile, isAtMessages} = useNavigationTabState() @@ -90,7 +88,6 @@ export function BottomBar({navigation}: BottomTabBarProps) { const onPressTab = React.useCallback( (tab: TabOptions) => { - track(`MobileShell:${tab}ButtonPressed`) const state = navigation.getState() const tabState = getTabState(state, tab) if (tabState === TabState.InsideAtRoot) { @@ -101,7 +98,7 @@ export function BottomBar({navigation}: BottomTabBarProps) { dedupe(() => navigation.navigate(`${tab}Tab`)) } }, - [track, navigation, dedupe], + [navigation, dedupe], ) const onPressHome = React.useCallback(() => onPressTab('Home'), [onPressTab]) const onPressSearch = React.useCallback( |