Arnaud
76 lines
2.7 KiB
TypeScript
76 lines
2.7 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { headers } from "next/headers";
|
|
import { auth } from "@/lib/auth/server";
|
|
import { db, recipes, sql } from "@epicure/db";
|
|
import { eq, desc, asc, and, ilike, or } from "@epicure/db";
|
|
import { RecipesHeader } from "@/components/recipe/recipes-header";
|
|
import { RecipesEmptyState } from "@/components/recipe/recipes-empty-state";
|
|
import { RecipesGrid } from "@/components/recipe/recipes-grid";
|
|
|
|
export const metadata: Metadata = { title: "Recipes" };
|
|
|
|
type SearchParams = Promise<{
|
|
q?: string;
|
|
sort?: string;
|
|
visibility?: string;
|
|
difficulty?: string;
|
|
tag?: string;
|
|
}>;
|
|
|
|
const SORT_MAP = {
|
|
updated_desc: desc(recipes.updatedAt),
|
|
updated_asc: asc(recipes.updatedAt),
|
|
created_desc: desc(recipes.createdAt),
|
|
created_asc: asc(recipes.createdAt),
|
|
title_asc: asc(recipes.title),
|
|
title_desc: desc(recipes.title),
|
|
} as const;
|
|
|
|
type SortKey = keyof typeof SORT_MAP;
|
|
|
|
export default async function RecipesPage({ searchParams }: { searchParams: SearchParams }) {
|
|
const session = await auth.api.getSession({ headers: await headers() });
|
|
if (!session) return null;
|
|
|
|
const { q, sort, visibility, difficulty, tag } = await searchParams;
|
|
const query = (q ?? "").trim().slice(0, 200);
|
|
const sortKey: SortKey = (sort && sort in SORT_MAP ? sort : "updated_desc") as SortKey;
|
|
const tagFilter = tag?.trim().slice(0, 50) || undefined;
|
|
|
|
const visibilityFilter = visibility && ["private", "unlisted", "public"].includes(visibility)
|
|
? (visibility as "private" | "unlisted" | "public")
|
|
: undefined;
|
|
const difficultyFilter = difficulty && ["easy", "medium", "hard"].includes(difficulty)
|
|
? (difficulty as "easy" | "medium" | "hard")
|
|
: undefined;
|
|
|
|
const userRecipes = await db.query.recipes.findMany({
|
|
where: and(
|
|
eq(recipes.authorId, session.user.id),
|
|
query
|
|
? or(ilike(recipes.title, `%${query}%`), ilike(recipes.description, `%${query}%`))
|
|
: undefined,
|
|
visibilityFilter ? eq(recipes.visibility, visibilityFilter) : undefined,
|
|
difficultyFilter ? eq(recipes.difficulty, difficultyFilter) : undefined,
|
|
tagFilter ? sql`${recipes.tags} @> ARRAY[${tagFilter}]::text[]` : undefined,
|
|
),
|
|
orderBy: SORT_MAP[sortKey],
|
|
with: { photos: true },
|
|
});
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<RecipesHeader
|
|
count={userRecipes.length}
|
|
initialQuery={query}
|
|
initialSort={sortKey}
|
|
initialVisibility={visibilityFilter ?? ""}
|
|
initialDifficulty={difficultyFilter ?? ""}
|
|
initialTag={tagFilter ?? ""}
|
|
/>
|
|
<RecipesEmptyState query={query} count={userRecipes.length} />
|
|
<RecipesGrid key={`${query}-${sortKey}-${visibilityFilter}-${difficultyFilter}-${tagFilter}`} recipes={userRecipes} />
|
|
</div>
|
|
);
|
|
}
|