73 lines
1.5 KiB
JavaScript
73 lines
1.5 KiB
JavaScript
|
import { PageHeader, md5 } from "./components/index.js";
|
||
|
|
|
||
|
|
const AuthorPreview = ({ widgetFor, entry, fields, collection }) => {
|
||
|
|
const imageField = useMemo(
|
||
|
|
() => fields.find((field) => field.name === "image"),
|
||
|
|
[fields]
|
||
|
|
);
|
||
|
|
|
||
|
|
const imageUrl = entry.data.image
|
||
|
|
? useMediaAsset(entry.data.image, collection, imageField, entry)
|
||
|
|
: entry.data.email
|
||
|
|
? undefined
|
||
|
|
: useMediaAsset("/media/people/gcg.webp", collection, imageField, entry);
|
||
|
|
|
||
|
|
return [
|
||
|
|
PageHeader(entry),
|
||
|
|
h(
|
||
|
|
"section",
|
||
|
|
{ className: "section-sm bg-light" },
|
||
|
|
h(
|
||
|
|
"div",
|
||
|
|
{ className: "container" },
|
||
|
|
h(
|
||
|
|
"div",
|
||
|
|
{ className: "row" },
|
||
|
|
h(
|
||
|
|
"div",
|
||
|
|
{ className: "col-lg-10 mx-auto" },
|
||
|
|
h(
|
||
|
|
"div",
|
||
|
|
{ className: "text-center" },
|
||
|
|
h(
|
||
|
|
"figure",
|
||
|
|
{},
|
||
|
|
h("img", {
|
||
|
|
className: "rounded-circle img-fluid mb-4",
|
||
|
|
src:
|
||
|
|
imageUrl ??
|
||
|
|
"https://www.gravatar.com/avatar/" +
|
||
|
|
md5(entry.data.email) +
|
||
|
|
"?s=128&pg&d=identicon",
|
||
|
|
width: "128px",
|
||
|
|
}),
|
||
|
|
h(
|
||
|
|
"figcaption",
|
||
|
|
{},
|
||
|
|
h("h4", { className: "fw-bold" }, entry.data.title)
|
||
|
|
)
|
||
|
|
),
|
||
|
|
h("hr"),
|
||
|
|
widgetFor("body"),
|
||
|
|
h("hr"),
|
||
|
|
h(
|
||
|
|
"ul",
|
||
|
|
{ className: "list-inline" },
|
||
|
|
entry.data.email
|
||
|
|
? h(
|
||
|
|
"li",
|
||
|
|
{ className: "list-inline-item" },
|
||
|
|
h("i", { className: "mdi mdi-at" })
|
||
|
|
)
|
||
|
|
: null
|
||
|
|
)
|
||
|
|
)
|
||
|
|
)
|
||
|
|
)
|
||
|
|
)
|
||
|
|
),
|
||
|
|
];
|
||
|
|
};
|
||
|
|
|
||
|
|
export default AuthorPreview;
|