From 41d9d735d35b7bc766e5576e5e4e16544b4c4422 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=81lvaro=20Gonz=C3=A1lez?= <45352512+gonz0wsky@users.noreply.github.com> Date: Mon, 27 Jan 2025 00:37:51 +0100 Subject: [PATCH] fix: people list tab content is hidden behind the navigation bar --- src/view/com/lists/ListMembers.tsx | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) 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, + }} /> )