import React, { PureComponent, Fragment } from 'react' import Helmet from 'react-helmet' import { Link, StaticQuery, graphql } from 'gatsby' import Hamburger from '../atoms/Hamburger' import styles from './Menu.module.scss' const query = graphql` query { allMenuYaml { edges { node { title link } } } } ` export default class Menu extends PureComponent { state = { menuOpen: false } toggleMenu = () => { this.setState(prevState => ({ menuOpen: !prevState.menuOpen })) } isMenuOpen = () => this.state.menuOpen === true render() { return ( { const { edges } = data.allMenuYaml const MenuItems = edges.map(({ node }) => (
  • {node.title}
    • )) return (
      {MenuItems}
     ) }} />     ) } }