[APP-708] Onboarding revamp (#939)

* Move Discover New Feeds button to the top of the MultiFeed

* add discover custom feeds to empty following page

1 files changed, 21 insertions, 0 deletions

diff --git a/src/view/com/posts/FollowingEmptyState.tsx b/src/view/com/posts/FollowingEmptyState.tsx
index d1843900b..4491b2526 100644
--- a/src/view/com/posts/FollowingEmptyState.tsx
+++ b/src/view/com/posts/FollowingEmptyState.tsx
@@ -27,6 +27,10 @@ export function FollowingEmptyState() {
     }
   }, [navigation])
 
+  const onPressDiscoverFeeds = React.useCallback(() => {
+    navigation.navigate('DiscoverFeeds')
+  }, [navigation])
+
   return (
     <View style={styles.emptyContainer}>
       <View style={styles.emptyIconContainer}>
@@ -48,6 +52,23 @@ export function FollowingEmptyState() {
           size={14}
         />
       </Button>
+
+      <Text type="xl-medium" style={[s.textCenter, pal.text, s.mt20]}>
+        You can also discover new Custom Feeds to follow.
+      </Text>
+      <Button
+        type="inverted"
+        style={[styles.emptyBtn, s.mt10]}
+        onPress={onPressDiscoverFeeds}>
+        <Text type="lg-medium" style={palInverted.text}>
+          Discover new custom feeds
+        </Text>
+        <FontAwesomeIcon
+          icon="angle-right"
+          style={palInverted.text as FontAwesomeIconStyle}
+          size={14}
+        />
+      </Button>
     </View>
   )
 }