In AllLayouts the mapping of this component is missing: {layoutType}
13 |
14 | /**
15 | * Mapping the fieldGroupName(s) to our components
16 | */
17 | const layouts = {
18 | page_Pagebuilder_Layouts_Hero: Hero,
19 | page_Pagebuilder_Layouts_TextBlock: TextBlock,
20 | page_default: Default
21 | }
22 |
23 | /**
24 | * If layout type is not existing in our mapping, it shows our Default instead.
25 | */
26 | const ComponentTag = layouts[layoutType] ? layouts[layoutType] : layouts['page_default']
27 |
28 | return (
29 |
19 |
31 | 20 | 27 | {siteTitle} 28 | 29 |
30 |
38 |
39 | {children}
40 |
47 |
48 |
49 | )
50 | }
51 |
52 | Layout.propTypes = {
53 | children: PropTypes.node.isRequired,
54 | }
55 |
56 | export default Layout
57 |
--------------------------------------------------------------------------------
/src/components/Menu.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import { StaticQuery, graphql } from "gatsby"
3 |
4 | import MenuItem from "./MenuItem"
5 |
6 | /**
7 | * Define MenuItem fragment and get all primary menu items.
8 | */
9 | const MENU_QUERY = graphql`
10 |
11 | fragment MenuItem on WPGraphQL_MenuItem {
12 | id
13 | label
14 | url
15 | title
16 | target
17 | }
18 |
19 | query GETMAINMENU {
20 | wpgraphql {
21 | menuItems(where: {location: PRIMARY}) {
22 | nodes {
23 | ...MenuItem
24 | }
25 | }
26 | generalSettings {
27 | url
28 | }
29 | }
30 | }
31 | `
32 |
33 | const Menu = () => {
34 | return (
35 |
44 | {
45 | menuItems &&
46 | menuItems.map((menuItem) => (
47 |
51 | )
52 | }
53 | return null
54 | }}
55 | />
56 | )
57 | }
58 |
59 | export default Menu
60 |
--------------------------------------------------------------------------------
/src/components/MenuItem.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import { CreateLocalLink } from "../utils"
3 | import UniversalLink from "./UniversalLink"
4 |
5 | const MenuItem = ({ menuItem, wordPressUrl }) => {
6 | return (
7 |
11 |
51 | )
52 | }
53 |
54 | export default Pagination
55 |
--------------------------------------------------------------------------------
/src/components/PostEntry.js:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import { Link } from "gatsby"
3 | import { blogURI } from "../../globals"
4 | import FluidImage from "./FluidImage"
5 |
6 | const PostEntry = ({ post }) => {
7 |
8 | const { uri, title, featuredImage, excerpt } = post
9 |
10 | return (
11 | Posts navigation
12 |
13 | {
14 | pageNumber > 1 && (
15 | 2 ? `${blogURI}/page/${pageNumber - 1}` : `${blogURI}/`}
23 | >
24 | Previous page
25 |
26 | )
27 | }
28 |
29 | Page
30 | {pageNumber}
31 |
32 |
33 | {
34 | hasNextPage && (
35 |
45 | Next page
46 |
47 | )
48 | }
49 |
50 |
12 |
13 |
14 |
19 |
20 |
21 |
22 | )
23 | }
24 |
25 | export default PostEntry
26 |
--------------------------------------------------------------------------------
/src/components/SEO.js:
--------------------------------------------------------------------------------
1 | /**
2 | * SEO component that queries for data with
3 | * Gatsby's useStaticQuery React hook
4 | *
5 | * See: https://www.gatsbyjs.org/docs/use-static-query/
6 | */
7 |
8 | import React from "react"
9 | import PropTypes from "prop-types"
10 | import Helmet from "react-helmet"
11 | import { useStaticQuery, graphql } from "gatsby"
12 |
13 | function SEO({ description, lang, meta, title }) {
14 | const { site } = useStaticQuery(
15 | graphql`
16 | query {
17 | site {
18 | siteMetadata {
19 | title
20 | description
21 | author
22 | }
23 | }
24 | }
25 | `
26 | )
27 |
28 | const metaDescription = description || site.siteMetadata.description
29 |
30 | return (
31 | {title}
15 |{text}
20 | 21 |
11 |
15 |
16 |
17 | NOT FOUND
10 |You just hit a route that doesn't exist... the sadness.
11 |