chore: show content on empty follow option state (#12014)

* chore: show content on empty state

* chore: hide back buttons on follows

(cherry picked from commit db6b615)

Author: MounirDhahri

src/app/Scenes/Favorites/Components/FollowedArtists.tsx

@@ -36,6 +36,7 @@ export const FollowedArtists: React.FC<Props> = ({ me }) => {
   if (data.followsAndSaves?.artistsConnection?.totalCount === 0) {
     return (
       <Screen.ScrollView refreshControl={RefreshControl}>
+        <FollowOptionPicker />
         <ZeroState
           title="You haven’t followed any artists yet"
           subtitle="When you’ve found an artist you like, follow them to get updates on new works that become available."
@@ -136,7 +137,7 @@ export const FollowedArtistsQueryRenderer = withSuspense({
     return (
       <LoadFailureView
         onRetry={fallbackProps.resetErrorBoundary}
-        showBackButton={true}
+        showBackButton={false}
         useSafeArea={false}
         error={fallbackProps.error}
         trackErrorBoundary={false}

src/app/Scenes/Favorites/Components/FollowedGalleries.tsx

@@ -35,6 +35,7 @@ export const FollowedGalleries: React.FC<Props> = ({ me }) => {
   if (galleries.length === 0) {
     return (
       <Screen.ScrollView refreshControl={RefreshControl}>
+        <FollowOptionPicker />
         <ZeroState
           title="You haven’t followed any galleries yet"
           subtitle="When you save galleries, they will show up here."
@@ -131,7 +132,7 @@ export const FollowedGalleriesQueryRenderer = withSuspense({
     return (
       <LoadFailureView
         onRetry={fallbackProps.resetErrorBoundary}
-        showBackButton={true}
+        showBackButton={false}
         useSafeArea={false}
         error={fallbackProps.error}
         trackErrorBoundary={false}

src/app/Scenes/Favorites/Components/FollowedShows.tsx

@@ -31,6 +31,7 @@ export const FollowedShows: React.FC<Props> = ({ me }) => {
   if (shows.length === 0) {
     return (
       <Screen.ScrollView refreshControl={RefreshControl}>
+        <FollowOptionPicker />
         <ZeroState
           title="You haven’t saved any shows yet"
           subtitle="When you save shows, they will show up here for future use."
@@ -117,7 +118,7 @@ export const FollowedShowsQueryRenderer = withSuspense({
     return (
       <LoadFailureView
         onRetry={fallbackProps.resetErrorBoundary}
-        showBackButton={true}
+        showBackButton={false}
         useSafeArea={false}
         error={fallbackProps.error}
         trackErrorBoundary={false}

src/app/Scenes/Favorites/Favorites.tsx

@@ -8,6 +8,7 @@ import {
   Spacer,
   Text,
   useScreenDimensions,
+  useSpace,
 } from "@artsy/palette-mobile"
 import { useScreenScrollContext } from "@artsy/palette-mobile/dist/elements/Screen/ScreenScrollContext"
 import { BOTTOM_TABS_HEIGHT } from "@artsy/palette-mobile/dist/elements/Screen/StickySubHeader"
@@ -118,6 +119,7 @@ const FavoritesHeaderTapBar: React.FC<MaterialTopTabBarProps> = ({ state, naviga
 export const FavoriteTopNavigator = createMaterialTopTabNavigator()
 
 const Content = () => {
+  const space = useSpace()
   const { currentScrollYAnimated } = useScreenScrollContext()
   const { headerHeight } = FavoritesContextStore.useStoreState((state) => state)
   const { height: screenHeight } = useScreenDimensions()
@@ -134,7 +136,7 @@ const Content = () => {
   }))
 
   return (
-    <Animated.View style={[animatedStyles, { height: screenHeight + headerHeight }]}>
+    <Animated.View style={[animatedStyles, { height: screenHeight + headerHeight + space(1) }]}>
       <Screen.Body fullwidth>
         <FavoriteTopNavigator.Navigator
           tabBar={FavoritesHeaderTapBar}