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' class Menu extends PureComponent { constructor() { super() this.state = { menuOpen: false } } toggleMenu = () => { this.setState(prevState => ({ menuOpen: !prevState.menuOpen })) } isMenuOpen = () => this.state.menuOpen === true render() { return ( { const posts = data.allMarkdownRemark.edges const categorySet = new Set() posts.forEach(post => { if (post.node.frontmatter.category) { categorySet.add(post.node.frontmatter.category) } }) const categoryList = Array.from(categorySet) const Categories = categoryList.map(category => (
  • {category}
    • )) return (
      {Categories}
     ) }} />     ) } } export default Menu