Arnaud
eb424d8c04
Mobile:
- Recipes search bar full-width on mobile instead of capped narrow
- Cook mode ingredients panel stacks above the step instead of
squeezing it into a narrow column
- Version history Compare/Restore buttons wrap onto their own row
- Recipe edit ingredient fields wrap instead of forcing horizontal
scroll on narrow viewports
i18n: translates remaining hardcoded strings across recipes
filter/sort, adapt-recipe and AI variations dialogs, the full
settings section (sidebar + 6 sub-pages + BYOK/model-prefs/
API-keys/webhooks managers), explore tab, collections (new/fork/
share dialogs), meal planning (planner, AI generation phases, new
shopping list, shared-plan view), photo import, recipe bulk-select
toolbar, and recipe action-button tooltips. Also fixes the recipes
page subtitle, which wasn't just unworded but missing its {count}
interpolation entirely — it always rendered as the bare word
"results" regardless of how many recipes existed.
Feature: adds a ShareRecipeButton that copies the public /r/{id}
link to the clipboard, with a notice when the recipe isn't Public
yet.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
58 lines
2.1 KiB
TypeScript
58 lines
2.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { notFound } from "next/navigation";
|
|
import { headers } from "next/headers";
|
|
import { auth } from "@/lib/auth/server";
|
|
import { db, mealPlans, recipes, eq, desc } from "@epicure/db";
|
|
import { getMealPlanAccessById, canWriteMealPlan } from "@/lib/meal-plan-access";
|
|
import { SharedMealPlanView } from "@/components/meal-plan/shared-meal-plan-view";
|
|
import { getMessages, formatMessage } from "@/lib/i18n/server";
|
|
|
|
type Params = { params: Promise<{ mealPlanId: string }> };
|
|
|
|
export const metadata: Metadata = { title: "Shared Meal Plan" };
|
|
|
|
export default async function SharedMealPlanPage({ params }: Params) {
|
|
const { mealPlanId } = await params;
|
|
const session = await auth.api.getSession({ headers: await headers() });
|
|
if (!session) return null;
|
|
const m = getMessages((session.user as { locale?: string }).locale);
|
|
|
|
const access = await getMealPlanAccessById(mealPlanId, session.user.id);
|
|
if (!access) notFound();
|
|
|
|
const plan = await db.query.mealPlans.findFirst({
|
|
where: eq(mealPlans.id, mealPlanId),
|
|
with: { entries: { with: { recipe: true } }, user: true },
|
|
});
|
|
if (!plan) notFound();
|
|
|
|
const userRecipes = await db.query.recipes.findMany({
|
|
where: eq(recipes.authorId, session.user.id),
|
|
orderBy: desc(recipes.updatedAt),
|
|
columns: { id: true, title: true },
|
|
});
|
|
|
|
const canEdit = canWriteMealPlan(access.role);
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight">{formatMessage(m.mealPlan.sharedMealPlanTitle, { name: plan.user?.name ?? "?" })}</h1>
|
|
<p className="text-muted-foreground mt-1">{formatMessage(m.mealPlan.weekOf, { date: plan.weekStart })} · {m.shareDialog[access.role]}</p>
|
|
</div>
|
|
<SharedMealPlanView
|
|
mealPlanId={mealPlanId}
|
|
canEdit={canEdit}
|
|
userRecipes={userRecipes}
|
|
initialEntries={plan.entries.map((e) => ({
|
|
id: e.id,
|
|
day: e.day,
|
|
mealType: e.mealType,
|
|
servings: e.servings,
|
|
recipe: e.recipe ? { id: e.recipe.id, title: e.recipe.title } : null,
|
|
}))}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|