dhkatzandClaude Opus 5.5
51d5bb5ff3
/products (search), product pages with revisions, getting and staying on a revision, retracting; /products/:id/edit; /create and new revisions upload from the browser straight to the catalog with a token from the hub; /library; /catalogs (directory, registering with a once-shown key); /console/catalogs to approve or reject. Every page now sends a nonce-based CSP (proxy.ts), so product descriptions can't run scripts. buttonVariants now merges classes, so outline links get their border. Co-Authored-By: Claude Opus 5.5 <[email protected]>
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Empty, ProductCard } from "@/components/products";
|
|
import { PageHeader } from "@/components/status";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { api, unwrap } from "@/lib/api";
|
|
|
|
export const metadata: Metadata = { title: "Products" };
|
|
|
|
export default async function Products({ searchParams }: { searchParams: Promise<{ q?: string | string[] }> }) {
|
|
const raw = (await searchParams).q;
|
|
const q = typeof raw === "string" ? raw.trim().slice(0, 100) : "";
|
|
const { products } = await api.products.get({ query: q ? { q } : {} }).then(unwrap);
|
|
|
|
return (
|
|
<>
|
|
<PageHeader title="Products">Community products for T5DE.</PageHeader>
|
|
<form action="/products" className="mb-6 flex w-full max-w-md gap-2">
|
|
<Input type="search" name="q" defaultValue={q} placeholder="Search products" aria-label="Search" />
|
|
<Button type="submit" variant="outline">
|
|
Search
|
|
</Button>
|
|
</form>
|
|
{products.length === 0 ? (
|
|
<Empty>{q ? "Nothing found." : "No products yet."}</Empty>
|
|
) : (
|
|
<ul className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
|
{products.map((p) => (
|
|
<li key={p.id}>
|
|
<ProductCard product={p} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</>
|
|
);
|
|
}
|