subman-nextjs/src/app/story/page.tsx

import { Story } from "@prisma/client";
import { DataTable } from "./data-table";
import { columns } from "./columns";
const stories: Story[] = [
  {
    id: 0,
    word_count: 500,
    title: "Space Vampire",
    deleted: 0,
  },
  {
    id: 1,
    word_count: 500,
    title: "Ghost Astronaut",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Elf",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Space Orcs",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Space Orcs",
    deleted: 0,
  },
  {
    id: 0,
    word_count: 500,
    title: "Space Vampire",
    deleted: 0,
  },
  {
    id: 1,
    word_count: 500,
    title: "Ghost Astronaut",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Elf",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Space Orcs",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Space Orcs",
    deleted: 0,
  },
  {
    id: 0,
    word_count: 500,
    title: "Space Vampire",
    deleted: 0,
  },
  {
    id: 1,
    word_count: 500,
    title: "Ghost Astronaut",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Elf",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Space Orcs",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Space Orcs",
    deleted: 0,
  },
  {
    id: 0,
    word_count: 500,
    title: "Space Vampire",
    deleted: 0,
  },
  {
    id: 1,
    word_count: 500,
    title: "Ghost Astronaut",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Elf",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Space Orcs",
    deleted: 0,
  }, {
    id: 1,
    word_count: 500,
    title: "Spooky Space Orcs And Gandalf Too",
    deleted: 0,
  },
]
export default async function Page() {
  return (
    <div className="container mx-auto py-10">
      <DataTable columns={columns} data={stories} />
    </div>
  )
}