admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Integrated React-query in Gallery for handling api calling #264

Merged
pramod.mahajan merged 2 commits from query-Gallary into react-query-v2 2025-07-18 09:58:51 +00:00
Conversation 0 Commits 2 Files Changed 4 +21 -18
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 89085d5069 - Show all commits

39
src/pages/Gallary/ImageGallary.jsx
View File

@ -106,24 +106,27 @@ const ImageGallery = () => {
return () => eventBus.off("image_gallery", handler); return () => eventBus.off("image_gallery", handler);
}, [selectedProjectId, refetch]); }, [selectedProjectId, refetch]);
useEffect(() => { useEffect(() => {
if (!loaderRef.current) return; if (!loaderRef.current) return;
const obs = new IntersectionObserver(
([entry]) => { const observer = new IntersectionObserver(
if ( ([entry]) => {
entry.isIntersecting && if (entry.isIntersecting && hasNextPage && !isFetchingNextPage && !isLoading) {
hasNextPage && fetchNextPage();
!isFetchingNextPage && }
!isLoading },
) { { rootMargin: "200px", threshold: 0.1 }
fetchNextPage(); );
}
}, observer.observe(loaderRef.current);
{ rootMargin: "200px", threshold: 0.1 }
); return () => {
obs.observe(loaderRef.current); if (loaderRef.current) {
return () => obs.unobserve(loaderRef.current); observer.unobserve(loaderRef.current);
}, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]); }
};
}, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]);
// Utility: derive filter options // Utility: derive filter options
const getUniqueValues = useCallback( const getUniqueValues = useCallback(