hide footer when lists list is empty (#8337)

src/view/com/feeds/ProfileFeedgens.tsx

@@ -182,6 +182,7 @@ export const ProfileFeedgens = React.forwardRef<
   }, [enabled, scrollElRef, setScrollViewTag])
 
   const ProfileFeedgensFooter = React.useCallback(() => {
+    if (isEmpty) return null
     return (
       <ListFooter
         hasNextPage={hasNextPage}
@@ -191,7 +192,14 @@ export const ProfileFeedgens = React.forwardRef<
         height={180 + headerOffset}
       />
     )
-  }, [hasNextPage, error, isFetchingNextPage, headerOffset, fetchNextPage])
+  }, [
+    hasNextPage,
+    error,
+    isFetchingNextPage,
+    headerOffset,
+    fetchNextPage,
+    isEmpty,
+  ])
 
   return (
     <View testID={testID} style={style}>

src/view/com/lists/ProfileLists.tsx

@@ -178,6 +178,7 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>(
     }, [enabled, scrollElRef, setScrollViewTag])
 
     const ProfileListsFooter = React.useCallback(() => {
+      if (isEmpty) return null
       return (
         <ListFooter
           hasNextPage={hasNextPage}
@@ -187,7 +188,14 @@ export const ProfileLists = React.forwardRef<SectionRef, ProfileListsProps>(
           height={180 + headerOffset}
         />
       )
-    }, [hasNextPage, error, isFetchingNextPage, headerOffset, fetchNextPage])
+    }, [
+      hasNextPage,
+      error,
+      isFetchingNextPage,
+      headerOffset,
+      fetchNextPage,
+      isEmpty,
+    ])
 
     return (
       <View testID={testID} style={style}>