recatfor

src/feed/FeedView.tsx

@@ -0,0 +1,22 @@
+import PostsList from '../components/PostsList.tsx'
+import { useRef } from 'react'
+import { useIntersectionLoad } from '../hooks/useIntersectionLoad.ts'
+import { Post } from '../model/posts/posts.ts'
+
+interface FeedViewProps {
+  pages: Post[][]
+  onLoadMore: () => Promise<void>
+}
+
+export default function FeedView({ pages, onLoadMore }: FeedViewProps) {
+  const sentinelRef = useRef<HTMLDivElement | null>(null)
+
+  useIntersectionLoad(onLoadMore, sentinelRef)
+
+  return (
+    <div className="w-full">
+      <PostsList pages={pages} />
+      <div ref={sentinelRef} className="h-1" />
+    </div>
+  )
+}