Blog CMS Demo

'use client'
import { trpc } from '@/lib/trpc'

export default function PostsPage() {
  const utils = trpc.useUtils()
  const { data: posts } = trpc.post.list.useQuery()

  const createPost = trpc.post.create.useMutation({
    onSuccess: () => {
      utils.post.list.invalidate()
    }
  })

  const deletePost = trpc.post.delete.useMutation({
    onSuccess: () => {
      utils.post.list.invalidate()
    }
  })

  return (
    

      {posts?.map(post => (
         deletePost.mutate({ id: post.id })}
        />
      ))}
    
  )
}