ligun and sogup

src/feed/FeedView.tsx

@@ -1,7 +1,7 @@
-import PostsList from '../components/PostsList.tsx'
 import { useRef } from 'react'
 import { useIntersectionLoad } from '../hooks/useIntersectionLoad.ts'
-import { Post } from '../model/posts/posts.ts'
+import { Post } from './models/posts/posts.ts'
+import PostItem from './PostItem.tsx'
 
 interface FeedViewProps {
   pages: Post[][]
@@ -10,12 +10,19 @@ interface FeedViewProps {
 
 export default function FeedView({ pages, onLoadMore }: FeedViewProps) {
   const sentinelRef = useRef<HTMLDivElement | null>(null)
+  const posts = pages.flat()
 
   useIntersectionLoad(onLoadMore, sentinelRef)
 
   return (
     <div className="w-full">
-      <PostsList pages={pages} />
+      <div className="flex flex-col gap-6 w-full">
+        <div className="flex flex-col gap-6 w-full">
+          {posts.map((post) => (
+            <PostItem key={post.postId} post={post} />
+          ))}
+        </div>
+      </div>
       <div ref={sentinelRef} className="h-1" />
     </div>
   )