import React from 'react'
import useAppStore from '../store/useAppStore'
import PostCard from './PostCard'

const Feed: React.FC = () => {
  const posts = useAppStore((s) => s.posts)
  const sorted = [...posts].sort((a,b) => b.createdAt - a.createdAt)
  if (sorted.length === 0) return <div className="card">No posts yet.</div>
  return (
    <div>
      {sorted.map((p) => (
        <PostCard key={p.id} post={p} />
      ))}
    </div>
  )
}

export default Feed
