{}}
+ />
+ )
+}
+
+function MockNotifItem({
+ notif,
+ moderationOpts,
+}: {
+ notif: FeedNotification
+ moderationOpts: ModerationOpts
+}) {
+ const t = useTheme()
+ if (shouldFilterNotif(notif.notification, moderationOpts)) {
+ return (
+
+ Filtered from the feed
+
+ )
+ }
+ return
+}
+
+function MockAccountCard({
+ profile,
+ moderation,
+}: {
+ profile: AppBskyActorDefs.ProfileViewBasic
+ moderation: ModerationDecision
+}) {
+ const t = useTheme()
+
+ if (moderation.ui('profileList').filter) {
+ return (
+
+ Filtered from the listing
+
+ )
+ }
+
+ return
+}
+
+function MockAccountScreen({
+ profile,
+ moderation,
+ moderationOpts,
+}: {
+ profile: AppBskyActorDefs.ProfileViewBasic
+ moderation: ModerationDecision
+ moderationOpts: ModerationOpts
+}) {
+ const t = useTheme()
+ const {_} = useLingui()
+ return (
+
+
+
+
+
+ )
+}
+
+function Flag({v, label}: {v: boolean | undefined; label: string}) {
+ const t = useTheme()
+ return (
+
+
+ {v && }
+
+ {label}
+
+ )
+}
diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx
index cb2abf1bca..39bdac669c 100644
--- a/src/view/screens/Home.tsx
+++ b/src/view/screens/Home.tsx
@@ -1,27 +1,31 @@
import React from 'react'
-import {View, ActivityIndicator, StyleSheet} from 'react-native'
+import {ActivityIndicator, AppState, StyleSheet, View} from 'react-native'
import {useFocusEffect} from '@react-navigation/native'
-import {NativeStackScreenProps, HomeTabNavigatorParams} from 'lib/routes/types'
+
+import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
+import {useSetTitle} from '#/lib/hooks/useSetTitle'
+import {logEvent, LogEvents, useGate} from '#/lib/statsig/statsig'
+import {emitSoftReset} from '#/state/events'
+import {FeedSourceInfo, usePinnedFeedsInfos} from '#/state/queries/feed'
import {FeedDescriptor, FeedParams} from '#/state/queries/post-feed'
-import {FollowingEmptyState} from 'view/com/posts/FollowingEmptyState'
-import {FollowingEndOfFeed} from 'view/com/posts/FollowingEndOfFeed'
-import {CustomFeedEmptyState} from 'view/com/posts/CustomFeedEmptyState'
-import {FeedsTabBar} from '../com/pager/FeedsTabBar'
-import {Pager, RenderTabBarFnProps, PagerRef} from 'view/com/pager/Pager'
-import {FeedPage} from 'view/com/feeds/FeedPage'
-import {HomeLoggedOutCTA} from '../com/auth/HomeLoggedOutCTA'
-import {useSetMinimalShellMode, useSetDrawerSwipeDisabled} from '#/state/shell'
import {usePreferencesQuery} from '#/state/queries/preferences'
-import {usePinnedFeedsInfos, FeedSourceInfo} from '#/state/queries/feed'
import {UsePreferencesQueryResponse} from '#/state/queries/preferences/types'
-import {emitSoftReset} from '#/state/events'
import {useSession} from '#/state/session'
+import {useSetDrawerSwipeDisabled, useSetMinimalShellMode} from '#/state/shell'
import {useSelectedFeed, useSetSelectedFeed} from '#/state/shell/selected-feed'
+import {HomeTabNavigatorParams, NativeStackScreenProps} from 'lib/routes/types'
+import {FeedPage} from 'view/com/feeds/FeedPage'
+import {Pager, PagerRef, RenderTabBarFnProps} from 'view/com/pager/Pager'
+import {CustomFeedEmptyState} from 'view/com/posts/CustomFeedEmptyState'
+import {FollowingEmptyState} from 'view/com/posts/FollowingEmptyState'
+import {FollowingEndOfFeed} from 'view/com/posts/FollowingEndOfFeed'
+import {HomeLoggedOutCTA} from '../com/auth/HomeLoggedOutCTA'
+import {HomeHeader} from '../com/home/HomeHeader'
type Props = NativeStackScreenProps
export function HomeScreen(props: Props) {
const {data: preferences} = usePreferencesQuery()
- const {feeds: pinnedFeedInfos, isLoading: isPinnedFeedsLoading} =
+ const {data: pinnedFeedInfos, isLoading: isPinnedFeedsLoading} =
usePinnedFeedsInfos()
if (preferences && pinnedFeedInfos && !isPinnedFeedsLoading) {
return (
@@ -66,6 +70,8 @@ function HomeScreenReady({
const selectedIndex = Math.max(0, maybeFoundIndex)
const selectedFeed = allFeeds[selectedIndex]
+ useSetTitle(pinnedFeedInfos[selectedIndex]?.displayName)
+
const pagerRef = React.useRef(null)
const lastPagerReportedIndexRef = React.useRef(selectedIndex)
React.useLayoutEffect(() => {
@@ -74,7 +80,7 @@ function HomeScreenReady({
// This is supposed to only happen on the web when you use the right nav.
if (selectedIndex !== lastPagerReportedIndexRef.current) {
lastPagerReportedIndexRef.current = selectedIndex
- pagerRef.current?.setPage(selectedIndex)
+ pagerRef.current?.setPage(selectedIndex, 'desktop-sidebar-click')
}
}, [selectedIndex])
@@ -91,6 +97,33 @@ function HomeScreenReady({
}, [setDrawerSwipeDisabled, selectedIndex, setMinimalShellMode]),
)
+ useFocusEffect(
+ useNonReactiveCallback(() => {
+ logEvent('home:feedDisplayed', {
+ index: selectedIndex,
+ feedType: selectedFeed.split('|')[0],
+ feedUrl: selectedFeed,
+ reason: 'focus',
+ })
+ }),
+ )
+
+ const disableMinShellOnForegrounding = useGate(
+ 'disable_min_shell_on_foregrounding',
+ )
+ React.useEffect(() => {
+ if (disableMinShellOnForegrounding) {
+ const listener = AppState.addEventListener('change', nextAppState => {
+ if (nextAppState === 'active') {
+ setMinimalShellMode(false)
+ }
+ })
+ return () => {
+ listener.remove()
+ }
+ }
+ }, [setMinimalShellMode, disableMinShellOnForegrounding])
+
const onPageSelected = React.useCallback(
(index: number) => {
setMinimalShellMode(false)
@@ -102,6 +135,19 @@ function HomeScreenReady({
[setDrawerSwipeDisabled, setSelectedFeed, setMinimalShellMode, allFeeds],
)
+ const onPageSelecting = React.useCallback(
+ (index: number, reason: LogEvents['home:feedDisplayed']['reason']) => {
+ const feed = allFeeds[index]
+ logEvent('home:feedDisplayed', {
+ index,
+ feedType: feed.split('|')[0],
+ feedUrl: feed,
+ reason,
+ })
+ },
+ [allFeeds],
+ )
+
const onPressSelected = React.useCallback(() => {
emitSoftReset()
}, [])
@@ -118,16 +164,16 @@ function HomeScreenReady({
const renderTabBar = React.useCallback(
(props: RenderTabBarFnProps) => {
return (
-
)
},
- [onPressSelected],
+ [onPressSelected, pinnedFeedInfos],
)
const renderFollowingEmptyState = React.useCallback(() => {
@@ -154,6 +200,7 @@ function HomeScreenReady({
ref={pagerRef}
testID="homeScreen"
initialPage={selectedIndex}
+ onPageSelecting={onPageSelecting}
onPageSelected={onPageSelected}
onPageScrollStateChanged={onPageScrollStateChanged}
renderTabBar={renderTabBar}>
diff --git a/src/view/screens/LanguageSettings.tsx b/src/view/screens/LanguageSettings.tsx
index 819840a461..5541721f5c 100644
--- a/src/view/screens/LanguageSettings.tsx
+++ b/src/view/screens/LanguageSettings.tsx
@@ -1,27 +1,28 @@
import React from 'react'
import {StyleSheet, View} from 'react-native'
-import {Text} from '../com/util/text/Text'
-import {s} from 'lib/styles'
-import {usePalette} from 'lib/hooks/usePalette'
-import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
-import {CommonNavigatorParams, NativeStackScreenProps} from 'lib/routes/types'
-import {ViewHeader} from 'view/com/util/ViewHeader'
-import {CenteredView} from 'view/com/util/Views'
-import {Button} from 'view/com/util/forms/Button'
+import RNPickerSelect, {PickerSelectProps} from 'react-native-picker-select'
import {
FontAwesomeIcon,
FontAwesomeIconStyle,
} from '@fortawesome/react-native-fontawesome'
-import {useAnalytics} from 'lib/analytics/analytics'
+import {msg, Trans} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
import {useFocusEffect} from '@react-navigation/native'
-import {APP_LANGUAGES, LANGUAGES} from 'lib/../locale/languages'
-import RNPickerSelect, {PickerSelectProps} from 'react-native-picker-select'
-import {useSetMinimalShellMode} from '#/state/shell'
+
+import {sanitizeAppLanguageSetting} from '#/locale/helpers'
import {useModalControls} from '#/state/modals'
import {useLanguagePrefs, useLanguagePrefsApi} from '#/state/preferences'
-import {Trans, msg} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-import {sanitizeAppLanguageSetting} from '#/locale/helpers'
+import {useSetMinimalShellMode} from '#/state/shell'
+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'
+import {s} from 'lib/styles'
+import {Button} from 'view/com/util/forms/Button'
+import {ViewHeader} from 'view/com/util/ViewHeader'
+import {CenteredView} from 'view/com/util/Views'
+import {Text} from '../com/util/text/Text'
type Props = NativeStackScreenProps
@@ -97,7 +98,7 @@ export function LanguageSettingsScreen(_props: Props) {
Select your app language for the default text to display in the
- app
+ app.
@@ -296,7 +297,7 @@ export function LanguageSettingsScreen(_props: Props) {
type="button"
style={[pal.text, {flexShrink: 1, overflow: 'hidden'}]}
numberOfLines={1}>
- {myLanguages.length ? myLanguages : 'Select languages'}
+ {myLanguages.length ? myLanguages : _(msg`Select languages`)}