{"version":3,"sources":["webpack://kimuson.dev/./src/templates/category.tsx"],"names":["data","pageContext","blogPosts","toBlogPostList","allMdx","edges","category","siteTitle","site","siteMetadata","title","description","slug","toCategoryLink","className","role","bio","commonSidebar"],"mappings":"8LA+CA,UAjCuD,SAAC,GAG/B,QAFvBA,EAEuB,EAFvBA,KACAC,EACuB,EADvBA,YAEMC,GAAYC,QAAeH,EAAKI,OAAOC,OACvCC,EAAWL,EAAYK,UAAZ,cACXC,GAAY,UAAAP,EAAKQ,YAAL,mBAAWC,oBAAX,eAAyBC,QAAzB,GAElB,OACE,gDACE,wBAAC,IAAD,CACEA,MAAUJ,EAAL,OACLK,YAAgBJ,EAAL,IAAkBD,EAAlB,aAAuCA,EAAvC,qBACXM,MAAMC,QAAeP,KAEvB,wBAAC,IAAD,KACE,+BAAKQ,UAAU,oBACb,+BAAKA,UAAU,kBACb,gCAAMC,KAAK,QACT,uCACE,8BAAID,UAAU,gBAAd,SAAoCR,GAEpC,wBAAC,IAAD,CAAcJ,UAAWA,OAI/B,wBAAC,IAAD,CAASc,KAAK,EAAMC,eAAe","file":"component---src-templates-category-tsx-d4c4fc05fa5392728d46.js","sourcesContent":["import React from \"react\"\nimport { graphql, PageProps } from \"gatsby\"\n\nimport type { CategoryPageQuery } from \"@graphql-types\"\nimport type { PostMdxEdge } from \"types/external-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 blogPosts = toBlogPostList(data.allMdx.edges as PostMdxEdge[])\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                gatsbyImageData(\n                  height: 90\n                  width: 120\n                  layout: FULL_WIDTH\n                  formats: [AUTO, WEBP, AVIF]\n                  placeholder: TRACED_SVG\n                )\n              }\n            }\n          }\n        }\n      }\n    }\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n"],"sourceRoot":""}