about summary refs log tree commit diff
path: root/src/view/com/posts/MultiFeed.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/posts/MultiFeed.tsx')
-rw-r--r--src/view/com/posts/MultiFeed.tsx18
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: {