tweaks

it's a waste to be fetching genres unless we're going to use them

src/app/lib/get.ts

@@ -1,6 +1,9 @@
 "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,6 +71,7 @@ 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">
@@ -100,10 +101,11 @@ export function DataTable<TData, TValue>({
           }
           className="max-w-sm"
         />
+      </div>
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button variant="outline" className="ml-auto">
-            Columns
+            Show/hide
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end">

src/app/story/page.tsx

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