more code

app/restaurant/[slug]/menu/page.tsx

@@ -1,12 +1,33 @@
+import { PrismaClient } from "@prisma/client";
 import Header from "../components/Header";
 import Menu from "../components/Menu";
 import RestaurantNavBar from "../components/RestaurantNavBar";
 
-export default function RestaurantMenu() {
+const prisma = new PrismaClient();
+
+const fetchRestaurantMenu = async (slug: string) => {
+  const restaurant = await prisma.restaurant.findUnique({
+    where: {
+      slug
+    },
+    select: {
+      items: true
+    }
+  })
+
+  if (!restaurant) {
+    throw new Error
+  }
+
+  return restaurant.items
+}
+
+export default async function RestaurantMenu({params}: {params: {slug: string}}) {
+  const menu = await fetchRestaurantMenu(params.slug)
   return (
     <div className="bg-white w-[100%] rounded p-3 shadow">
-      <RestaurantNavBar />
-      <Menu />
+      <RestaurantNavBar slug={params.slug} />
+      <Menu menu={menu}/>
     </div>
   );
 }