gcg-website/static/admin/previews/page-previews/cantorpreis-preview.js

50 lines
1014 B
JavaScript
Raw Normal View History

import {
2023-05-29 16:22:34 +02:00
PageHeader,
Section,
Container,
Row,
Content,
} from "./components/index.js";
const CantorpreisPreview = ({ widgetFor, entry, fields, collection }) => {
2023-05-29 16:22:34 +02:00
const imageField = useMemo(
() => fields.find((field) => field.name === "image"),
[fields]
);
2023-05-29 16:22:34 +02:00
const imageUrl = useMediaAsset(
entry.data.image,
collection,
imageField,
entry
);
2023-05-29 16:22:34 +02:00
return [
PageHeader(entry),
Section(
Container(
Row([
h(
"div",
{ className: "col-md-5 mb-5" },
h("img", {
className: "img-fluid w-75",
src: imageUrl,
alt: entry.data.name,
})
),
h(
"div",
{ className: "col-md-7 mb-5" },
h("h3", {}, entry.data.name),
2023-06-09 20:35:28 +02:00
h("h6", { className: "text-body-secondary" }, entry.data.title),
2023-05-29 16:22:34 +02:00
Content(widgetFor("body"))
),
])
)
),
];
};
export default CantorpreisPreview;