Only show suggested users for non-english users

This commit is contained in:
Eric Bailey
2025-04-08 13:39:46 -05:00
parent b9ed94c7f4
commit f3d979b316
+12
View File
@@ -8,6 +8,7 @@ import {
import {msg, Trans} from '@lingui/macro' import {msg, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react' import {useLingui} from '@lingui/react'
import {useQueryClient} from '@tanstack/react-query' import {useQueryClient} from '@tanstack/react-query'
import * as bcp47Match from 'bcp-47-match'
import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender' import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender'
import {useGate} from '#/lib/statsig/statsig' import {useGate} from '#/lib/statsig/statsig'
@@ -15,6 +16,7 @@ import {cleanError} from '#/lib/strings/errors'
import {sanitizeHandle} from '#/lib/strings/handles' import {sanitizeHandle} from '#/lib/strings/handles'
import {logger} from '#/logger' import {logger} from '#/logger'
import {type MetricEvents} from '#/logger/metrics' import {type MetricEvents} from '#/logger/metrics'
import {useLanguagePrefs} from '#/state/preferences/languages'
import {useModerationOpts} from '#/state/preferences/moderation-opts' import {useModerationOpts} from '#/state/preferences/moderation-opts'
import { import {
type FeedPreviewItem, type FeedPreviewItem,
@@ -214,6 +216,10 @@ export function Explore({
const gate = useGate() const gate = useGate()
const guide = useProgressGuide('follow-10') const guide = useProgressGuide('follow-10')
const [selectedInterest, setSelectedInterest] = useState<string | null>(null) const [selectedInterest, setSelectedInterest] = useState<string | null>(null)
const {contentLanguages} = useLanguagePrefs()
const userRequestsEnglish = useMemo(() => {
return bcp47Match.basicFilter('en', contentLanguages).length > 0
}, [contentLanguages])
const { const {
data: suggestedUsers, data: suggestedUsers,
isLoading: suggestedUsersIsLoading, isLoading: suggestedUsersIsLoading,
@@ -567,6 +573,8 @@ export function Explore({
i.push(topBorder) i.push(topBorder)
i.push(...interestsNuxModule) i.push(...interestsNuxModule)
if (userRequestsEnglish) {
if (isNewUser) { if (isNewUser) {
i.push(...suggestedFollowsModule) i.push(...suggestedFollowsModule)
i.push(...suggestedStarterPacksModule) i.push(...suggestedStarterPacksModule)
@@ -587,6 +595,9 @@ export function Explore({
i.push(...suggestedFeedsModule) i.push(...suggestedFeedsModule)
} }
i.push(...feedPreviewsModule) i.push(...feedPreviewsModule)
} else {
i.push(...suggestedFollowsModule)
}
return i return i
}, [ }, [
@@ -600,6 +611,7 @@ export function Explore({
feedPreviewsModule, feedPreviewsModule,
interestsNuxModule, interestsNuxModule,
gate, gate,
userRequestsEnglish,
]) ])
const renderItem = useCallback( const renderItem = useCallback(