octo/tooot
octo
/
tooot
mirror of https://github.com/tooot-app/app
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Refine marker

This commit is contained in:
xmflsct 2023-02-07 13:56:50 +01:00
parent be2c223142
commit f98b8946dc
1 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Timeline/index.tsx
View File

@ -138,10 +138,16 @@ const Timeline: React.FC<Props> = ({
const latestMarker = useRef<string>()
const updateMarkers = useCallback(
throttle(
() => readMarker && setAccountStorage([{ key: readMarker, value: latestMarker.current }]),
1000 * 15
),
throttle(() => {
if (readMarker) {
const currentMarker = getAccountStorage.string(readMarker) || '0'
if ((latestMarker.current || '0') > currentMarker) {
setAccountStorage([{ key: readMarker, value: latestMarker.current }])
} else {
// setAccountStorage([{ key: readMarker, value: '105250709762254246' }])
}
}
}, 1000 * 15),
[]
)
readMarker &&
@ -159,24 +165,14 @@ const Timeline: React.FC<Props> = ({
{
viewabilityConfig: {
minimumViewTime: 300,
itemVisiblePercentThreshold: 80,
itemVisiblePercentThreshold: 10,
waitForInteraction: false
},
onViewableItemsChanged: ({ viewableItems }) => {
const marker = readMarker ? getAccountStorage.string(readMarker) : undefined
const firstItemId = viewableItems.filter(item => item.isViewable)[0]?.item.id
if (
!isFetchingPrev.value &&
!isRefetching &&
firstItemId &&
firstItemId > (marker || '0')
) {
if (!isFetchingPrev.value && !isRefetching && firstItemId) {
latestMarker.current = firstItemId
updateMarkers()
} else {
// latestMarker.current = '105250709762254246'
// updateMarkers()
}
}
}