Arnaud
1dd8abfd52
Rule, applied consistently everywhere via a new isFeatureAvailableAnyTier() helper: if a feature is enabled on at least one tier, it stays visible for locked-out viewers with a small "Pro" badge and opens an upgrade prompt on click; if a feature is disabled on every tier, it hides entirely, since there's no upgrade path to point at. Covers: recipe variations, meal/drink pairings, nutrition estimation, Markdown export (5 call sites), weekly nutrition, import from URL, import from photo, and the Instacart grocery-delivery menu item. Previously inconsistent — some hid outright, one showed a lock icon overlapping its own icon. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
45 lines
1.7 KiB
TypeScript
45 lines
1.7 KiB
TypeScript
"use client";
|
|
import { useTranslations } from "next-intl";
|
|
import Link from "next/link";
|
|
import { ChefHat, Printer } from "lucide-react";
|
|
import { buttonVariants } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
import { ExportMarkdownButton } from "@/components/shared/export-markdown-button";
|
|
import { pantryToMarkdown } from "@/lib/markdown/pantry";
|
|
|
|
type PantryItem = { rawName: string; quantity: string | null; unit: string | null; expiresAt: string | null };
|
|
|
|
export function PantryPageHeader({
|
|
items,
|
|
markdownExportAvailable = true,
|
|
markdownExportLocked = false,
|
|
}: {
|
|
items: PantryItem[];
|
|
markdownExportAvailable?: boolean;
|
|
markdownExportLocked?: boolean;
|
|
}) {
|
|
const t = useTranslations("pantry");
|
|
const tCommon = useTranslations("common");
|
|
return (
|
|
<div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight">{t("title")}</h1>
|
|
<p className="text-muted-foreground mt-1">{t("subtitle")}</p>
|
|
</div>
|
|
<div className="flex flex-wrap items-center gap-2">
|
|
<Link href="/recipes/can-cook" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>
|
|
<ChefHat className="h-4 w-4" />
|
|
{t("canCook")}
|
|
</Link>
|
|
<a href="/print/pantry" target="_blank" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>
|
|
<Printer className="h-4 w-4" />
|
|
{tCommon("print")}
|
|
</a>
|
|
{markdownExportAvailable && (
|
|
<ExportMarkdownButton markdown={pantryToMarkdown({ items })} filename="pantry" locked={markdownExportLocked} />
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|