diff --git a/src/view/com/lists/ListMembers.tsx b/src/view/com/lists/ListMembers.tsx index 0caae67011..7f95f791e7 100644 --- 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 ( @@ -227,6 +237,9 @@ export function ListMembers({ removeClippedSubviews={true} // @ts-ignore our .web version only -prf desktopFixedHeight={desktopFixedHeightOffset || true} + scrollIndicatorInsets={{ + bottom: bottomBarOffset, + }} /> )