src/app/lib/get.ts

@@ -1,9 +1,6 @@
 "use server"
 import prisma from "./db"
 export async function getStories() {
-	return prisma.story.findMany()
-}
-export async function getStoriesWithGenres() {
 	return prisma.story.findMany(
 		{
 			include: {

src/app/story/data-table.tsx

@@ -71,7 +71,6 @@ export function DataTable<TData, TValue>({
   console.log(filterBy.id)
   return (<>
     <div className="flex items-center py-4">
-      <div className="">
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button variant="outline" className="ml-auto">
@@ -101,11 +100,10 @@ export function DataTable<TData, TValue>({
         }
         className="max-w-sm"
       />
-      </div>
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button variant="outline" className="ml-auto">
-            Show/hide
+            Columns
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end">

src/app/story/page.tsx

@@ -1,9 +1,8 @@
 import { Story } from "@prisma/client";
 import { DataTable } from "./data-table";
 import { columns } from "./columns";
-import { getStoriesWithGenres } from "app/lib/get";
+import { getStories } from "app/lib/get";
-import { Genre } from "@prisma/client";
+const stories: Story[] = await getStories()
-const stories: Array<Story & { genres: Array<Genre> }> = await getStoriesWithGenres()
 export default async function Page() {
   return (
     <div className="container mx-auto py-10">