{"version":3,"sources":["webpack:///./src/templates/category.tsx"],"names":["BlogPostTemplate","data","pageContext","edges","allMdx","filter","e","blogPosts","toBlogPostList","category","siteTitle","site","siteMetadata","title","description","slug","toCategoryLink","className","role","bio","commonSidebar"],"mappings":"4FAAA,+FAiDeA,UApCwC,SAAC,GAG/B,QAFvBC,EAEuB,EAFvBA,KACAC,EACuB,EADvBA,YAEMC,EAAQF,EAAKG,OAAOD,MAAME,QAC9B,SAACC,GAAD,YAAqB,IAAOA,KAExBC,EAAYC,YAAeL,GAC3BM,EAAWP,EAAYO,UAAZ,cACXC,GAAY,UAAAT,EAAKU,YAAL,mBAAWC,oBAAX,eAAyBC,QAAzB,GAElB,OACE,gDACE,wBAAC,IAAD,CACEA,MAAUJ,EAAL,OACLK,YAAgBJ,EAAL,IAAkBD,EAAlB,aAAuCA,EAAvC,qBACXM,KAAMC,YAAeP,KAEvB,wBAAC,IAAD,KACE,+BAAKQ,UAAU,oBACb,+BAAKA,UAAU,kBACb,gCAAMC,KAAK,QACT,uCACE,8BAAID,UAAU,gBAAd,SAAoCR,GAEpC,wBAAC,IAAD,CAAcF,UAAWA,OAI/B,wBAAC,IAAD,CAASY,KAAK,EAAMC,eAAe","file":"component---src-templates-category-tsx-33399770db26ac0d0944.js","sourcesContent":["import React from \"react\"\nimport { graphql, PageProps } from \"gatsby\"\n\nimport type { CategoryPageQuery, MdxEdge } from \"@graphql-types\"\nimport { Sidebar } from \"~/components/sidebar\"\nimport { Layout } from \"~/components/layout\"\nimport { Head } from \"~/components/common/head\"\nimport { BlogPostList } from \"~/components/common/blog-post-list\"\nimport { toBlogPostList } from \"~/service/gateways/post\"\nimport { toCategoryLink } from \"~/service/presenters/links\"\n\ntype CategoryPageProps = PageProps<CategoryPageQuery, { category?: string }>\n\nconst BlogPostTemplate: React.VFC<CategoryPageProps> = ({\n  data,\n  pageContext,\n}: CategoryPageProps) => {\n  const edges = data.allMdx.edges.filter(\n    (e): e is MdxEdge => typeof e !== `undefined`\n  )\n  const blogPosts = toBlogPostList(edges)\n  const category = pageContext.category || `No Category`\n  const siteTitle = data.site?.siteMetadata?.title || ``\n\n  return (\n    <>\n      <Head\n        title={`${category}カテゴリ`}\n        description={`${siteTitle}の${category}カテゴリページです。${category}カテゴリの記事を探すことができます。`}\n        slug={toCategoryLink(category)}\n      />\n      <Layout>\n        <div className=\"l-page-container\">\n          <div className=\"l-main-wrapper\">\n            <main role=\"main\">\n              <section>\n                <h1 className=\"m-page-title\">カテゴリ: {category}</h1>\n\n                <BlogPostList blogPosts={blogPosts} />\n              </section>\n            </main>\n          </div>\n          <Sidebar bio={true} commonSidebar={true} />\n        </div>\n      </Layout>\n    </>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query CategoryPage($category: String!) {\n    allMdx(\n      filter: { frontmatter: { category: { eq: $category } } }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            category\n            draft\n            description\n            date\n            title\n            tags\n            thumbnail {\n              childImageSharp {\n                fluid(maxHeight: 200, traceSVG: { background: \"#333846\" }) {\n                  aspectRatio\n                  base64\n                  sizes\n                  src\n                  srcSet\n                  srcWebp\n                  srcSetWebp\n                  tracedSVG\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"sourceRoot":""}