asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(dashboard): notification list scroll flickering (#11911)

Browse Source 
* fix: flicekring of the notification list due to rerendering

* fix: revert page size

* fix: page size

* fix: reintroduce treshold

* fix: param

* fix: revert page size
This commit is contained in:
Frane Polić
2025-03-28 08:58:33 +01:00
committed by GitHub
parent 95230ef670
commit be6a651e2f
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/admin/dashboard/src/components/common/infinite-list/infinite-list.tsx
+18 -8
View File
@@ -74,17 +74,27 @@ export const InfiniteList = <
// Define the new observers after we stop fetching // Define the new observers after we stop fetching
if (!isFetching) { if (!isFetching) {
// Define the new observers after paginating // Define the new observers after paginating
startObserver.current = new IntersectionObserver((entries) => { startObserver.current = new IntersectionObserver(
if (entries[0].isIntersecting && hasPreviousPage) { (entries) => {
fetchPreviousPage() if (entries[0].isIntersecting && hasPreviousPage) {
fetchPreviousPage()
}
},
{
threshold: 0.5,
} }
}) )
endObserver.current = new IntersectionObserver((entries) => { endObserver.current = new IntersectionObserver(
if (entries[0].isIntersecting && hasNextPage) { (entries) => {
fetchNextPage() if (entries[0].isIntersecting && hasNextPage) {
fetchNextPage()
}
},
{
threshold: 0.5,
} }
}) )
// Register the new observers to observe the new first and last children // Register the new observers to observe the new first and last children
startObserver.current?.observe(parentRef.current!.firstChild as Element) startObserver.current?.observe(parentRef.current!.firstChild as Element)