[PWI] Feeds (#1970)

* Feeds page

* Hide save buttons on Feeds page

* ProfileFeed

src/view/screens/Feeds.tsx

@@ -34,6 +34,7 @@ import {
 } from '#/state/queries/feed'
 import {cleanError} from 'lib/strings/errors'
 import {useComposerControls} from '#/state/shell/composer'
+import {useSession} from '#/state/session'
 
 type Props = NativeStackScreenProps<FeedsTabNavigatorParams, 'Feeds'>
 
@@ -117,6 +118,7 @@ export const FeedsScreen = withAuthRequired(
       isPending: isSearchPending,
       error: searchError,
     } = useSearchPopularFeedsMutation()
+    const {hasSession} = useSession()
 
     /**
      * A search query is present. We may not have search results yet.
@@ -180,50 +182,52 @@ export const FeedsScreen = withAuthRequired(
     const items = React.useMemo(() => {
       let slices: FlatlistSlice[] = []
 
-      slices.push({
+      if (hasSession) {
-        key: 'savedFeedsHeader',
-        type: 'savedFeedsHeader',
-      })
-
-      if (preferencesError) {
         slices.push({
-          key: 'savedFeedsError',
+          key: 'savedFeedsHeader',
-          type: 'error',
+          type: 'savedFeedsHeader',
-          error: cleanError(preferencesError.toString()),
         })
-      } else {
+
-        if (isPreferencesLoading || !preferences?.feeds?.saved) {
+        if (preferencesError) {
           slices.push({
-            key: 'savedFeedsLoading',
+            key: 'savedFeedsError',
-            type: 'savedFeedsLoading',
+            type: 'error',
-            // pendingItems: this.rootStore.preferences.savedFeeds.length || 3,
+            error: cleanError(preferencesError.toString()),
           })
         } else {
-          if (preferences?.feeds?.saved.length === 0) {
+          if (isPreferencesLoading || !preferences?.feeds?.saved) {
             slices.push({
-              key: 'savedFeedNoResults',
+              key: 'savedFeedsLoading',
-              type: 'savedFeedNoResults',
+              type: 'savedFeedsLoading',
+              // pendingItems: this.rootStore.preferences.savedFeeds.length || 3,
             })
           } else {
-            const {saved, pinned} = preferences.feeds
+            if (preferences?.feeds?.saved.length === 0) {
+              slices.push({
+                key: 'savedFeedNoResults',
+                type: 'savedFeedNoResults',
+              })
+            } else {
+              const {saved, pinned} = preferences.feeds
 
-            slices = slices.concat(
+              slices = slices.concat(
-              pinned.map(uri => ({
+                pinned.map(uri => ({
-                key: `savedFeed:${uri}`,
-                type: 'savedFeed',
-                feedUri: uri,
-              })),
-            )
-
-            slices = slices.concat(
-              saved
-                .filter(uri => !pinned.includes(uri))
-                .map(uri => ({
                   key: `savedFeed:${uri}`,
                   type: 'savedFeed',
                   feedUri: uri,
                 })),
-            )
+              )
+
+              slices = slices.concat(
+                saved
+                  .filter(uri => !pinned.includes(uri))
+                  .map(uri => ({
+                    key: `savedFeed:${uri}`,
+                    type: 'savedFeed',
+                    feedUri: uri,
+                  })),
+              )
+            }
           }
         }
       }
@@ -307,6 +311,7 @@ export const FeedsScreen = withAuthRequired(
 
       return slices
     }, [
+      hasSession,
       preferences,
       isPreferencesLoading,
       preferencesError,
@@ -393,7 +398,8 @@ export const FeedsScreen = withAuthRequired(
                   pal.view,
                   styles.header,
                   {
-                    marginTop: 16,
+                    // This is first in the flatlist without a session -esb
+                    marginTop: hasSession ? 16 : 0,
                     paddingLeft: isMobile ? 12 : undefined,
                     paddingRight: 10,
                     paddingBottom: isMobile ? 6 : undefined,
@@ -432,7 +438,7 @@ export const FeedsScreen = withAuthRequired(
           return (
             <FeedSourceCard
               feedUri={item.feedUri}
-              showSaveBtn
+              showSaveBtn={hasSession}
               showDescription
               showLikes
             />
@@ -455,6 +461,7 @@ export const FeedsScreen = withAuthRequired(
       },
       [
         _,
+        hasSession,
         isMobile,
         pal,
         query,

src/view/screens/ProfileFeed.tsx

@@ -165,7 +165,7 @@ export function ProfileFeedScreenInner({
 }) {
   const {_} = useLingui()
   const pal = usePalette('default')
-  const {currentAccount} = useSession()
+  const {hasSession, currentAccount} = useSession()
   const {openModal} = useModalControls()
   const {openComposer} = useComposerControls()
   const {track} = useAnalytics()
@@ -270,7 +270,7 @@ export function ProfileFeedScreenInner({
 
   const dropdownItems: DropdownItem[] = React.useMemo(() => {
     return [
-      {
+      hasSession && {
         testID: 'feedHeaderDropdownToggleSavedBtn',
         label: isSaved ? _(msg`Remove from my feeds`) : _(msg`Add to my feeds`),
         onPress: isSavePending || isRemovePending ? undefined : onToggleSaved,
@@ -290,7 +290,7 @@ export function ProfileFeedScreenInner({
               web: 'plus',
             },
       },
-      {
+      hasSession && {
         testID: 'feedHeaderDropdownReportBtn',
         label: _(msg`Report feed`),
         onPress: onPressReport,
@@ -314,8 +314,9 @@ export function ProfileFeedScreenInner({
           web: 'share',
         },
       },
-    ] as DropdownItem[]
+    ].filter(Boolean) as DropdownItem[]
   }, [
+    hasSession,
     onToggleSaved,
     onPressReport,
     onPressShare,
@@ -339,7 +340,7 @@ export function ProfileFeedScreenInner({
             : undefined
         }
         avatarType="algo">
-        {feedInfo && (
+        {feedInfo && hasSession && (
           <>
             <Button
               disabled={isSavePending || isRemovePending}
@@ -374,6 +375,7 @@ export function ProfileFeedScreenInner({
     )
   }, [
     _,
+    hasSession,
     pal,
     feedInfo,
     isPinned,
@@ -509,6 +511,7 @@ function AboutSection({
   const {_} = useLingui()
   const scrollHandler = useAnimatedScrollHandler(onScroll)
   const [likeUri, setLikeUri] = React.useState(feedInfo.likeUri)
+  const {hasSession} = useSession()
 
   const {mutateAsync: likeFeed, isPending: isLikePending} = useLikeMutation()
   const {mutateAsync: unlikeFeed, isPending: isUnlikePending} =
@@ -574,7 +577,7 @@ function AboutSection({
             testID="toggleLikeBtn"
             accessibilityLabel={_(msg`Like this feed`)}
             accessibilityHint=""
-            disabled={isLikePending || isUnlikePending}
+            disabled={!hasSession || isLikePending || isUnlikePending}
             onPress={onToggleLiked}
             style={{paddingHorizontal: 10}}>
             {isLiked ? (