@atomist/sdm-pack-aspect
Version:
an Atomist SDM Extension Pack for visualizing drift across an organization
35 lines • 1.73 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const ReactDOMServer = require("react-dom/server");
function renderStaticReactNode(body, title, instanceMetadata, extraScripts) {
return ReactDOMServer.renderToStaticMarkup(TopLevelPage({
bodyContent: body,
pageTitle: title,
instanceMetadata,
extraScripts,
}));
}
exports.renderStaticReactNode = renderStaticReactNode;
function extraScript(src) {
return React.createElement("script", { src: src });
}
function TopLevelPage(props) {
return React.createElement("html", null,
React.createElement("head", null,
React.createElement("title", null, props.pageTitle),
React.createElement("link", { rel: "stylesheet", type: "text/css", href: "/styles.css" }),
React.createElement("meta", { name: "google", content: "notranslate" })),
(props.extraScripts || []).map(extraScript),
React.createElement("body", null,
React.createElement("header", null,
React.createElement("div", { className: "around-page-title" },
React.createElement("a", { href: "/" },
React.createElement("img", { className: "atomist-logo", src: "/atomist-logo-small-white.png" })),
React.createElement("span", { className: "page-title" }, props.pageTitle))),
React.createElement("main", null, props.bodyContent),
React.createElement("footer", null,
React.createElement("span", { className: "instance-info" }, props.instanceMetadata.name))));
}
exports.TopLevelPage = TopLevelPage;
//# sourceMappingURL=topLevelPage.js.map