55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import { PrismaClient, Restaurant } from "@prisma/client";
|
|
import Header from "../components/Header";
|
|
import RestaurantCard from "./components/RestaurantCard";
|
|
import SearchSideBar from "./components/SearchSideBar";
|
|
|
|
const prisma = new PrismaClient();
|
|
|
|
const fetchRestaurantsByCity = (city: string | undefined) => {
|
|
const select = {
|
|
id: true,
|
|
name: true,
|
|
main_image: true,
|
|
price: true,
|
|
cuisine: true,
|
|
location: true,
|
|
slug: true
|
|
}
|
|
|
|
if (!city) return prisma.restaurant.findMany({select});
|
|
|
|
return prisma.restaurant.findMany({
|
|
where: {
|
|
location: {
|
|
name: {
|
|
equals: city.toLowerCase()
|
|
}
|
|
}
|
|
},
|
|
select
|
|
})
|
|
|
|
}
|
|
|
|
export default async function Search({searchParams}: {searchParams: {city: string}}) {
|
|
const restaurants = await fetchRestaurantsByCity(searchParams.city)
|
|
console.log(restaurants)
|
|
return (
|
|
<>
|
|
<Header />
|
|
<div className="flex py-4 m-auto w-2/3 justify-between items-start">
|
|
<SearchSideBar />
|
|
<div className="w-5/6">
|
|
{
|
|
restaurants.length
|
|
? restaurants.map(restaurant => {
|
|
return <RestaurantCard restaurant={restaurant}/>
|
|
})
|
|
: <p>No restaurants</p>
|
|
}
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|