fix: people list tab content is hidden behind the navigation bar

bluesky-social · Jan 26, 2025 · 41d9d73 · 41d9d73
1 parent 355c50f
commit 41d9d73
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/view/com/lists/ListMembers.tsx b/src/view/com/lists/ListMembers.tsx
@@ -4,6 +4,7 @@ import {AppBskyActorDefs, AppBskyGraphDefs} from '@atproto/api'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useBottomBarOffset} from '#/lib/hooks/useBottomBarOffset'
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {cleanError} from '#/lib/strings/errors'
 import {logger} from '#/logger'
@@ -51,6 +52,7 @@ export function ListMembers({
   const {isMobile} = useWebMediaQueries()
   const {openModal} = useModalControls()
   const {currentAccount} = useSession()
+  const bottomBarOffset = useBottomBarOffset()
 
   const {
     data,
@@ -201,9 +203,17 @@ export function ListMembers({
         error={cleanError(error)}
         isFetchingNextPage={isFetchingNextPage}
         onRetry={fetchNextPage}
+        style={{marginBottom: headerOffset}}
       />
     )
-  }, [hasNextPage, error, isFetchingNextPage, fetchNextPage, isEmpty])
+  }, [
+    isEmpty,
+    hasNextPage,
+    error,
+    isFetchingNextPage,
+    fetchNextPage,
+    headerOffset,
+  ])
 
   return (
     <View testID={testID} style={style}>
@@ -227,6 +237,9 @@ export function ListMembers({
         removeClippedSubviews={true}
         // @ts-ignore our .web version only -prf
         desktopFixedHeight={desktopFixedHeightOffset || true}
+        scrollIndicatorInsets={{
+          bottom: bottomBarOffset,
+        }}
       />
     </View>
   )