[🐴] Add end of list text, fix threshold (#4138)
* Add end of list text * onEndReachedThresholdzio/stable
parent
ad2d84fb05
commit
6cc040a94e
|
@ -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>
|
||||
)
|
||||
|
|
|
@ -9,6 +9,7 @@ import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender'
|
|||
import {MessagesTabNavigatorParams} from '#/lib/routes/types'
|
||||
import {cleanError} from '#/lib/strings/errors'
|
||||
import {logger} from '#/logger'
|
||||
import {isNative} from '#/platform/detection'
|
||||
import {useListConvos} from '#/state/queries/messages/list-converations'
|
||||
import {List} from '#/view/com/util/List'
|
||||
import {ViewHeader} from '#/view/com/util/ViewHeader'
|
||||
|
@ -248,9 +249,10 @@ export function MessagesScreen({navigation, route}: Props) {
|
|||
error={cleanError(error)}
|
||||
onRetry={fetchNextPage}
|
||||
style={{borderColor: 'transparent'}}
|
||||
hasNextPage={hasNextPage}
|
||||
/>
|
||||
}
|
||||
onEndReachedThreshold={3}
|
||||
onEndReachedThreshold={isNative ? 1.5 : 0}
|
||||
initialNumToRender={initialNumToRender}
|
||||
windowSize={11}
|
||||
// @ts-ignore our .web version only -sfn
|
||||
|
|
Loading…
Reference in New Issue