Merge branch 'staging' of https://github.com/mazeincoding/AppCut into staging

1 files changed, 35 insertions, 0 deletions

diff --git a/apps/web/src/hooks/use-infinite-scroll.ts b/apps/web/src/hooks/use-infinite-scroll.ts
new file mode 100644
index 00000000..0f8db198
--- /dev/null
+++ b/apps/web/src/hooks/use-infinite-scroll.ts
@@ -0,0 +1,35 @@
+import { useRef, useCallback } from "react";

+

+interface UseInfiniteScrollOptions {

+  onLoadMore: () => void;

+  hasMore: boolean;

+  isLoading: boolean;

+  threshold?: number;

+  enabled?: boolean;

+}

+

+export function useInfiniteScroll({

+  onLoadMore,

+  hasMore,

+  isLoading,

+  threshold = 200,

+  enabled = true,

+}: UseInfiniteScrollOptions) {

+  const scrollAreaRef = useRef<HTMLDivElement>(null);

+

+  const handleScroll = useCallback(

+    (event: React.UIEvent<HTMLDivElement>) => {

+      if (!enabled) return;

+

+      const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;

+      const nearBottom = scrollTop + clientHeight >= scrollHeight - threshold;

+

+      if (nearBottom && hasMore && !isLoading) {

+        onLoadMore();

+      }

+    },

+    [onLoadMore, hasMore, isLoading, threshold, enabled]

+  );

+

+  return { scrollAreaRef, handleScroll };

+}