From 28876a4b23ec9a2269f19f0914aa751de7e85f99 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 7 Apr 2025 19:40:31 -0500
Subject: [PATCH 1/2] Slice 'For You' results (#8152)

---
 src/screens/Search/Explore.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx
index e29b85f76f..a978ec5563 100644
--- a/src/screens/Search/Explore.tsx
+++ b/src/screens/Search/Explore.tsx
@@ -215,7 +215,6 @@ export function Explore({
   const gate = useGate()
   const guide = useProgressGuide('follow-10')
   const [selectedInterest, setSelectedInterest] = useState<string | null>(null)
-  // TODO always get at least 10 back TODO still
   const {
     data: suggestedUsers,
     isLoading: suggestedUsersIsLoading,
@@ -373,7 +372,12 @@ export function Explore({
               key: 'profileEmpty',
             })
           } else {
-            i.push(...profileItems)
+            if (selectedInterest === null) {
+              // First "For You" tab, only show 5 to keep screen short
+              i.push(...profileItems.slice(0, 5))
+            } else {
+              i.push(...profileItems)
+            }
           }
         } else {
           i.push({
@@ -393,6 +397,7 @@ export function Explore({
     suggestedUsersIsLoading,
     suggestedUsersIsRefetching,
     suggestedUsersError,
+    selectedInterest,
   ])
   const suggestedFeedsModule = useMemo(() => {
     const i: ExploreScreenItems[] = []

From 4879a07701784580e8f7f432b255a9ccbcd107a1 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 7 Apr 2025 19:41:20 -0500
Subject: [PATCH 2/2] Rm sticky headers (#8154)

---
 src/screens/Search/Explore.tsx                 | 18 ++----------------
 src/screens/Search/components/ModuleHeader.tsx |  5 +----
 2 files changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx
index a978ec5563..faf951ddf9 100644
--- a/src/screens/Search/Explore.tsx
+++ b/src/screens/Search/Explore.tsx
@@ -51,7 +51,7 @@ import {ExploreInterestsCard} from '#/screens/Search/modules/ExploreInterestsCar
 import {ExploreRecommendations} from '#/screens/Search/modules/ExploreRecommendations'
 import {ExploreTrendingTopics} from '#/screens/Search/modules/ExploreTrendingTopics'
 import {ExploreTrendingVideos} from '#/screens/Search/modules/ExploreTrendingVideos'
-import {atoms as a, native, platform, useTheme, web} from '#/alf'
+import {atoms as a, native, platform, useTheme} from '#/alf'
 import {Admonition} from '#/components/Admonition'
 import {Button} from '#/components/Button'
 import * as FeedCard from '#/components/FeedCard'
@@ -202,7 +202,6 @@ type ExploreScreenItems =
 
 export function Explore({
   focusSearchInput,
-  headerHeight,
 }: {
   focusSearchInput: (tab: 'user' | 'profile' | 'feed') => void
   headerHeight: number
@@ -608,18 +607,7 @@ export function Explore({
       switch (item.type) {
         case 'topBorder':
           return (
-            <View
-              style={[
-                a.w_full,
-                t.atoms.border_contrast_low,
-                a.border_t,
-                headerHeight &&
-                  web({
-                    position: 'sticky',
-                    top: headerHeight,
-                  }),
-              ]}
-            />
+            <View style={[a.w_full, t.atoms.border_contrast_low, a.border_t]} />
           )
         case 'header': {
           return (
@@ -805,7 +793,6 @@ export function Explore({
         case 'preview:header': {
           return (
             <ModuleHeader.Container
-              headerHeight={headerHeight}
               style={[
                 a.pt_xs,
                 t.atoms.border_contrast_low,
@@ -893,7 +880,6 @@ export function Explore({
       selectedInterest,
       _,
       fetchNextPageFeedPreviews,
-      headerHeight,
     ],
   )
 
diff --git a/src/screens/Search/components/ModuleHeader.tsx b/src/screens/Search/components/ModuleHeader.tsx
index 9c208d2b24..13951cff19 100644
--- a/src/screens/Search/components/ModuleHeader.tsx
+++ b/src/screens/Search/components/ModuleHeader.tsx
@@ -6,7 +6,7 @@ import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logger} from '#/logger'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useTheme, type ViewStyleProp, web} from '#/alf'
+import {atoms as a, native, useTheme, type ViewStyleProp} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import * as FeedCard from '#/components/FeedCard'
 import {sizes as iconSizes} from '#/components/icons/common'
@@ -17,11 +17,9 @@ import {Text, type TextProps} from '#/components/Typography'
 export function Container({
   style,
   children,
-  headerHeight,
   bottomBorder,
 }: {
   children: React.ReactNode
-  headerHeight?: number
   bottomBorder?: boolean
 } & ViewStyleProp) {
   const t = useTheme()
@@ -35,7 +33,6 @@ export function Container({
         a.pb_md,
         a.gap_sm,
         t.atoms.bg,
-        headerHeight && web({position: 'sticky', top: headerHeight}),
         bottomBorder && [a.border_b, t.atoms.border_contrast_low],
         style,
       ]}>