{"version":3,"file":"component---src-pages-404-tsx-75d807253722906399dc.js","mappings":"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","sources":["webpack://5z6p-site/./src/components/title.tsx","webpack://5z6p-site/./src/components/menuButtonIcon.tsx","webpack://5z6p-site/./src/components/mainMenu.tsx","webpack://5z6p-site/./src/components/mainMenu.module.scss","webpack://5z6p-site/./src/layouts/layoutBase.tsx","webpack://5z6p-site/./src/layouts/layoutBase.module.scss","webpack://5z6p-site/./src/pages/404.module.scss","webpack://5z6p-site/./src/pages/404.tsx","webpack://5z6p-site/./src/utils/useSiteMetaData.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst Title = ({\n  children,\n  className,\n  path,\n}: {\n  children: React.ReactNode;\n  className: string;\n  path: string;\n}) => {\n  if (path === \"/\") {\n    return <h1 className={className}>{children}</h1>;\n  } else {\n    return <div className={className}>{children}</div>;\n  }\n};\n\nexport default Title;\n","import * as React from \"react\";\n\nconst MenuButtonIcon = ({ size }: { size: string }) => {\n  return (\n    <svg\n      fill=\"#000000\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 32 32\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>menu</title>\n      <path d=\"M8 24h16v-4h-16v4zM8 18.016h16v-4h-16v4zM8 12h16v-4h-16v4z\"></path>\n    </svg>\n  );\n};\n\n// from https://www.svgrepo.com/svg/514172/menu\n\nexport default MenuButtonIcon;\n","import * as React from \"react\";\nimport { Link, graphql, useStaticQuery } from \"gatsby\";\n\nimport * as styles from \"./mainMenu.module.scss\";\n\ntype MainMenuItem = {\n  title: string;\n  path: string;\n  children?: Array<MainMenuItem>;\n};\n\ntype MainMenuQuery = {\n  products: {\n    nodes: Array<{\n      category: string;\n      slug: string;\n      productName: string;\n    }>;\n  };\n};\n\nconst MainMenu: React.FC<{\n  currentPath: string;\n}> = ({ currentPath }) => {\n  const data = useStaticQuery<MainMenuQuery>(graphql`\n    query MainMenu {\n      products: allContentfulProduct {\n        nodes {\n          category\n          slug\n          productName\n        }\n      }\n    }\n  `);\n\n  const menuItems: Record<string, Array<MainMenuItem>> = {};\n  data.products.nodes.forEach((node) => {\n    const { slug, productName } = node;\n    const category = node.category.toUpperCase();\n    if (!menuItems[category]) {\n      menuItems[category] = [];\n    }\n    menuItems[category].push({\n      title: productName,\n      path: `/products/${slug}`,\n    });\n  });\n\n  const productsData = Object.entries(menuItems).map(\n    ([category, menuItems]) => ({\n      title: category,\n      children: menuItems,\n    })\n  );\n\n  return (\n    <nav className={styles.mainMenu}>\n      <ul>\n        <li>\n          <Link to=\"/\">Home</Link>\n        </li>\n        <li>\n          <Link to=\"/products\">Products</Link>\n          <ul>\n            {productsData.map((item) => (\n              <li key={item.title}>\n                <div className={styles.subMenuTitle}>{item.title}</div>\n                <ul className={styles.subMenu}>\n                  {item.children.map((child) => (\n                    <li key={child.title}>\n                      <Link to={child.path}>{child.title}</Link>\n                    </li>\n                  ))}\n                </ul>\n              </li>\n            ))}\n          </ul>\n        </li>\n        <li>\n          <Link to=\"/news\">News</Link>\n        </li>\n        <li>\n          <Link to=\"/articles\">Articles</Link>\n        </li>\n        <li>\n          <Link to=\"/contacts\">Contacts</Link>\n        </li>\n      </ul>\n    </nav>\n  );\n};\n\nexport default MainMenu;\n","// extracted by mini-css-extract-plugin\nexport var mainMenu = \"mainMenu-module--mainMenu--a8b7a\";\nexport var subMenu = \"mainMenu-module--subMenu--e01d0\";\nexport var subMenuTitle = \"mainMenu-module--subMenuTitle--78619\";","import * as React from \"react\";\nimport { Link, graphql, useStaticQuery } from \"gatsby\";\n\nimport * as styles from \"./layoutBase.module.scss\";\n\nimport Title from \"../components/title\";\nimport MenuButtonIcon from \"../components/menuButtonIcon\";\nimport MainMenu from \"../components/mainMenu\";\n\nimport { useSiteMetadata } from \"../utils/useSiteMetaData\";\n\ntype LayoutProps = {\n  path: string;\n  children?: React.ReactNode;\n  className?: string;\n};\n\nconst LayoutBase: React.FC<LayoutProps> = ({ path, children, className }) => {\n  const [isMenuOpen, setIsMenuOpen] = React.useState(false);\n\n  const siteMetaData = useSiteMetadata();\n\n  const toggleMenu = () => {\n    setIsMenuOpen(!isMenuOpen);\n  };\n\n  return (\n    <div className={styles.container} data-is-menu-open={isMenuOpen}>\n      <header className={styles.header}>\n        <button className={styles.menuButton} onClick={toggleMenu}>\n          <MenuButtonIcon size=\"100%\" />\n        </button>\n        <Title path={path} className={styles.title}>\n          <Link to=\"/\">{siteMetaData.title}</Link>\n        </Title>\n      </header>\n      <div className={styles.menu}>\n        <MainMenu currentPath={path} />\n      </div>\n      <div className={styles.main + \" \" + className}>{children}</div>\n    </div>\n  );\n};\n\nexport default LayoutBase;\n","// extracted by mini-css-extract-plugin\nexport var container = \"layoutBase-module--container--b7a51\";\nexport var header = \"layoutBase-module--header--c4a94\";\nexport var main = \"layoutBase-module--main--b1565\";\nexport var menu = \"layoutBase-module--menu--725f4\";\nexport var menuButton = \"layoutBase-module--menuButton--f3910\";\nexport var title = \"layoutBase-module--title--43d5e\";","// extracted by mini-css-extract-plugin\nexport var container = \"_404-module--container--b557a\";\nexport var description = \"_404-module--description--bab08\";\nexport var title = \"_404-module--title--99db8\";","import * as React from \"react\";\nimport { Link, HeadFC, PageProps } from \"gatsby\";\nimport LayoutBase from \"../layouts/layoutBase\";\n\nimport * as styles from \"./404.module.scss\";\n\nconst NotFoundPage: React.FC<PageProps> = () => {\n  return (\n    <LayoutBase path={\"/404\"}>\n      <div className={styles.container}>\n        <h1 className={styles.title}>404</h1>\n        <p className={styles.description}>\n          Page Not Found\n          <br />\n          お探しのページは見つかりません\n        </p>\n        <p className={styles.description}>\n          古いサイトにあるかもしれません。{\" \"}\n          <a href=\"https://old.5z6p.com\">old.5z6p.com</a>\n          <br />\n          You might find it on an older website.{\" \"}\n          <a href=\"https://old.5z6p.com\">old.5z6p.com</a>\n          <Link to=\"/\">Home</Link>\n        </p>\n      </div>\n    </LayoutBase>\n  );\n};\n\nexport default NotFoundPage;\n","import { graphql, useStaticQuery } from \"gatsby\";\n\ntype SiteMetadata = {\n  title: string;\n  siteUrl: string;\n  image: string;\n  description: string;\n  twitterUsername: string;\n  defaultImageSrc: string;\n};\n\nexport const useSiteMetadata = () => {\n  const data = useStaticQuery<Queries.SiteMetadataQuery>(graphql`\n    query SiteMetadata {\n      site {\n        siteMetadata {\n          title\n          siteUrl\n          description\n          twitterUsername\n        }\n      }\n      allImageSharp(filter: { fixed: { originalName: { eq: \"5z6p.jpg\" } } }) {\n        nodes {\n          gatsbyImageData\n        }\n      }\n    }\n  `);\n  const ret = {\n    title: data.site?.siteMetadata?.title ?? \"default title\",\n    siteUrl: data.site?.siteMetadata?.siteUrl ?? \"default siteUrl\",\n    description: data.site?.siteMetadata?.description ?? \"default description\",\n    twitterUsername:\n      data.site?.siteMetadata?.twitterUsername ?? \"default twitterUsername\",\n    defaultImageData: data.allImageSharp.nodes[0].gatsbyImageData,\n  };\n  return ret;\n};\n"],"names":["_ref","children","className","path","React","size","fill","width","height","viewBox","version","xmlns","d","currentPath","data","useStaticQuery","menuItems","products","nodes","forEach","node","slug","productName","category","toUpperCase","push","title","productsData","Object","entries","map","_ref2","Link","to","item","key","child","isMenuOpen","setIsMenuOpen","siteMetaData","useSiteMetadata","onClick","toggleMenu","MenuButtonIcon","Title","MainMenu","styles","description","NotFoundPage","LayoutBase","href","site","_data$site","siteMetadata","_data$site$siteMetada2","siteUrl","_data$site2","_data$site2$siteMetad","_data$site3","_data$site3$siteMetad","twitterUsername","_data$site4","_data$site4$siteMetad","defaultImageData","allImageSharp","gatsbyImageData"],"sourceRoot":""}