diff options
Diffstat (limited to 'src/view/com/posts/MultiFeed.tsx')
-rw-r--r-- | src/view/com/posts/MultiFeed.tsx | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/src/view/com/posts/MultiFeed.tsx b/src/view/com/posts/MultiFeed.tsx index dc28d2d8a..466a7a47d 100644 --- a/src/view/com/posts/MultiFeed.tsx +++ b/src/view/com/posts/MultiFeed.tsx @@ -142,7 +142,7 @@ export const MultiFeed = observer(function Feed({ [showPostFollowBtn, pal], ) - const FeedFooter = React.useCallback( + const ListFooter = React.useCallback( () => multifeed.isLoading && !isRefreshing ? ( <View style={styles.loadMore}> @@ -154,6 +154,17 @@ export const MultiFeed = observer(function Feed({ [multifeed.isLoading, isRefreshing, pal], ) + const ListHeader = React.useCallback(() => { + return ( + <Link style={[styles.footerLink, pal.viewLight]} href="/search/feeds"> + <FontAwesomeIcon icon="search" size={18} color={pal.colors.text} /> + <Text type="xl-medium" style={pal.text}> + Discover new feeds + </Text> + </Link> + ) + }, [pal]) + return ( <View testID={testID} style={style}> {multifeed.items.length > 0 && ( @@ -163,7 +174,8 @@ export const MultiFeed = observer(function Feed({ data={multifeed.items} keyExtractor={item => item._reactKey} renderItem={renderItem} - ListFooterComponent={FeedFooter} + ListFooterComponent={ListFooter} + ListHeaderComponent={ListHeader} refreshControl={ <RefreshControl refreshing={isRefreshing} @@ -237,7 +249,7 @@ const styles = StyleSheet.create({ paddingHorizontal: 14, paddingVertical: 12, marginHorizontal: 8, - marginBottom: 8, + marginVertical: 8, gap: 8, }, loadMore: { |