soames-gatsby-theme
Version:
A customizable Gatsby theme for personal websites using WordPress as a headless CMS.
25 lines (24 loc) • 1.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const gatsby_1 = require("gatsby");
const react_helmet_1 = require("react-helmet");
require("../styles/theme.css");
const Layout = ({ isHomePage = false, children }) => {
const { wp: { generalSettings: { title }, }, wpMediaItem, } = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
query LayoutQuery {
wp {
generalSettings {
title
description
}
}
wpMediaItem(title: { eq: "favicon" }) {
title
guid
}
}
`);
return ((0, jsx_runtime_1.jsxs)("div", { className: "global-wrapper", "data-is-root-path": isHomePage, children: [(0, jsx_runtime_1.jsxs)(react_helmet_1.Helmet, { children: [wpMediaItem && ((0, jsx_runtime_1.jsx)("link", { rel: "icon", href: wpMediaItem.guid, type: "image/png" })), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), (0, jsx_runtime_1.jsx)("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" })] }), (0, jsx_runtime_1.jsx)("main", { children: children })] }));
};
exports.default = Layout;