octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Account page scrollable separately

Browse Source
This commit is contained in:
Zhiyuan Zheng
2020-12-21 22:08:29 +01:00
parent 33b0b6b8ff
commit 1ee7dd920d
3 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Timelines/Timeline.tsx
View File

@ -50,6 +50,8 @@ const Timeline: React.FC<Props> = ({
status,
data,
refetch,
isFetching,
isSuccess,
hasPreviousPage,
fetchPreviousPage,
isFetchingPreviousPage,
@ -84,7 +86,7 @@ const Timeline: React.FC<Props> = ({
const flRef = useRef<FlatList<any>>(null)
useEffect(() => {
if (toot && status === 'success') {
if (toot && isSuccess) {
setTimeout(() => {
flRef.current?.scrollToIndex({
index: flattenPointer[0]!,
@ -92,7 +94,7 @@ const Timeline: React.FC<Props> = ({
})
}, 500)
}
}, [status])
}, [isSuccess])
const flKeyExtrator = useCallback(({ id }) => id, [])
const flRenderItem = useCallback(
@ -137,10 +139,10 @@ const Timeline: React.FC<Props> = ({
!disableRefresh &&
(hasPreviousPage
? fetchPreviousPage()
: status !== 'loading'
: !isFetching
? refetch()
: undefined)
}, [hasPreviousPage, status])
}, [hasPreviousPage, isFetching])
const flOnEndReach = useCallback(() => !disableRefresh && fetchNextPage(), [])
const flFooter = useCallback(
() => (!disableRefresh ? <TimelineEnd hasNextPage={hasNextPage} /> : null),
@ -149,14 +151,11 @@ const Timeline: React.FC<Props> = ({
const flRefreshControl = useMemo(
() => (
<RefreshControl
refreshing={
isFetchingPreviousPage ||
(!isFetchingNextPage && status === 'loading')
}
refreshing={isFetchingPreviousPage || isFetching}
onRefresh={flOnRefresh}
/>
),
[isFetchingPreviousPage, isFetchingNextPage, status]
[isFetchingPreviousPage, isFetching]
)
const onScrollToIndexFailed = useCallback(error => {
const offset = error.averageItemLength * error.index
@ -186,7 +185,7 @@ const Timeline: React.FC<Props> = ({
ListEmptyComponent={flItemEmptyComponent}
ItemSeparatorComponent={flItemSeparatorComponent}
onEndReachedThreshold={!disableRefresh ? 0.75 : null}
{...(toot && status === 'success' && { onScrollToIndexFailed })}
{...(toot && isSuccess && { onScrollToIndexFailed })}
/>
)
}