soames-gatsby-theme
Version:
A customizable Gatsby theme for personal websites using WordPress as a headless CMS.
27 lines (26 loc) • 1.21 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const gatsby_1 = require("gatsby");
const FooterMenu = () => {
const data = (0, gatsby_1.useStaticQuery)((0, gatsby_1.graphql) `
query WpFooterMenu {
wpMenu(name: { eq: "soames-footer-menu" }) {
id
name
menuItems {
nodes {
id
label
parentDatabaseId
path
uri
order
}
}
}
}
`);
return ((0, jsx_runtime_1.jsx)("div", { className: "soames-footer-content", children: (0, jsx_runtime_1.jsx)("ul", { children: data.wpMenu.menuItems.nodes.map((item) => item.parentDatabaseId === 0 ? (item.uri.includes("http") ? ((0, jsx_runtime_1.jsx)("li", { className: "soames-footer-list-item", children: (0, jsx_runtime_1.jsx)("a", { href: item.uri, target: "_blank", rel: "noreferrer", children: item.label }) }, item.id)) : ((0, jsx_runtime_1.jsx)("li", { className: "soames-footer-list-item", children: (0, jsx_runtime_1.jsx)(gatsby_1.Link, { to: item.uri, children: item.label }) }, item.id))) : null) }) }));
};
exports.default = FooterMenu;