diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx index 820a3353d4..523e5a1ec5 100644 --- a/src/screens/Search/Explore.tsx +++ b/src/screens/Search/Explore.tsx @@ -260,6 +260,10 @@ export function Explore({ const items = useMemo(() => { const i: ExploreScreenItems[] = [] + const addTopBorder = () => { + i.push({type: 'topBorder', key: 'top-border'}) + } + const addTrendingTopicsModule = () => { i.push({ type: 'trendingTopics', @@ -431,6 +435,8 @@ export function Explore({ // Dynamic module ordering + addTopBorder() + if (guide?.guide === 'follow-10' && !guide.isComplete) { addSuggestedFollowsModule() addTrendingTopicsModule() @@ -543,7 +549,7 @@ export function Explore({ } case 'loadMore': { return ( - + ) @@ -598,7 +604,9 @@ export function Explore({ () => items.reduce( (acc, curr) => - [''].includes(curr.type) ? acc.concat(items.indexOf(curr)) : acc, + ['topBorder'].includes(curr.type) + ? acc.concat(items.indexOf(curr)) + : acc, [] as number[], ), [items], diff --git a/src/screens/Search/modules/ExploreTrendingTopics.tsx b/src/screens/Search/modules/ExploreTrendingTopics.tsx index a085ff88a9..0e3eeff03f 100644 --- a/src/screens/Search/modules/ExploreTrendingTopics.tsx +++ b/src/screens/Search/modules/ExploreTrendingTopics.tsx @@ -80,7 +80,7 @@ export function TrendRow({ label={_(msg`Browse topic ${trend.displayName}`)} to={trend.link} onPress={onPress} - style={[a.border_t, t.atoms.border_contrast_low]} + style={[a.border_b, t.atoms.border_contrast_low]} PressableComponent={Pressable}> {({hovered, pressed}) => ( <> @@ -244,7 +244,7 @@ export function TrendingTopicRowSkeleton({}: {withPosts: boolean}) { a.py_lg, a.flex_row, a.gap_2xs, - a.border_t, + a.border_b, t.atoms.border_contrast_low, ]}>