[🐴] Add end of list text, fix threshold (#4138)

* Add end of list text

* onEndReachedThreshold
This commit is contained in:
Eric Bailey 2024-05-20 21:42:49 -05:00 committed by GitHub
parent ad2d84fb05
commit 6cc040a94e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 2 deletions

View file

@ -13,12 +13,14 @@ import {Text} from '#/components/Typography'
export function ListFooter({
isFetchingNextPage,
hasNextPage,
error,
onRetry,
height,
style,
}: {
isFetchingNextPage?: boolean
hasNextPage?: boolean
error?: string
onRetry?: () => Promise<unknown>
height?: number
@ -40,7 +42,19 @@ export function ListFooter({
{isFetchingNextPage ? (
<Loader size="xl" />
) : (
<ListFooterMaybeError error={error} onRetry={onRetry} />
<>
{error ? (
<ListFooterMaybeError error={error} onRetry={onRetry} />
) : (
<>
{!hasNextPage && (
<Text style={[a.text_sm, t.atoms.text_contrast_low]}>
<Trans>End of list</Trans>
</Text>
)}
</>
)}
</>
)}
</View>
)