prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use react state for first flag when fetching

Browse source
This commit is contained in:
Jackson Harper 2022-03-08 21:57:12 -08:00
parent a5a42a36e7
commit b166847138
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/web/lib/hooks/useFetchMoreScroll.tsx
View file

@ -19,7 +19,7 @@ export const useFetchMoreScroll = (
}
const useFetchMoreInternal = (node: HTMLDivElement | null, callback: () => void, delay = 500): void => {
let first = false
const [first, setFirst] = useState(true)
const throttleTimeout = useRef<NodeJS.Timeout | undefined>(undefined)
useEffect(() => {
@ -42,7 +42,7 @@ const useFetchMoreInternal = (node: HTMLDivElement | null, callback: () => void,
const handleScroll = () => {
if (first) {
first = false
setFirst(false)
callbackInternal()
return
}
@ -56,5 +56,5 @@ const useFetchMoreInternal = (node: HTMLDivElement | null, callback: () => void,
return () => {
node.removeEventListener('scroll', handleScroll)
}
}, [node, callback, delay])
}, [node, callback, delay, first, setFirst])
}