30 lines
787 B
TypeScript
30 lines
787 B
TypeScript
import { PageLayout } from "../comp/page_layout.ts";
|
|
import { AnyNode, E } from "ren/node.ts";
|
|
import { classNames } from "ren/attrs.ts";
|
|
import { Context } from "../context.ts";
|
|
import { H3 } from "../uikit/typo.ts";
|
|
import { Ingredient } from "../domain/ingredient/types.ts";
|
|
|
|
interface IngredientsPageData {
|
|
ingredients: Ingredient[];
|
|
}
|
|
|
|
export function IngredientsPage(
|
|
ctx: Context,
|
|
data: IngredientsPageData,
|
|
): AnyNode {
|
|
return PageLayout(ctx, [
|
|
E("div", classNames("content-width"), [
|
|
H3("Ингредиенты"),
|
|
E("div", [], data.ingredients.map(IngredientItem)),
|
|
]),
|
|
]);
|
|
}
|
|
|
|
export function IngredientItem(ingr: Ingredient): AnyNode {
|
|
return E("div", [], [
|
|
ingr.name,
|
|
// E("a", { href: `/ingredients/${ingr.key}` }, ingr.name),
|
|
]);
|
|
}
|