{"version":3,"sources":["webpack://kimuson.dev/./src/templates/tag.tsx"],"names":["data","pageContext","blogPosts","toBlogPostList","allMdx","edges","tag","siteTitle","site","siteMetadata","title","description","slug","toTagLink","className","role","bio","commonSidebar"],"mappings":"+LAgDA,UAlCiD,SAAC,GAG9B,QAFlBA,EAEkB,EAFlBA,KACAC,EACkB,EADlBA,YAEMC,GAAYC,QAAeH,EAAKI,OAAOC,OACvCC,EAAML,EAAYK,KAAZ,SAENC,GAAY,UAAAP,EAAKQ,YAAL,mBAAWC,oBAAX,eAAyBC,QAAzB,GAElB,OACE,gDACE,wBAAC,IAAD,CACEA,MAAUJ,EAAL,KACLK,YAAgBJ,EAAL,IAAkBD,EAAlB,YAAiCA,EAAjC,sBACXM,MAAMC,QAAUP,KAElB,wBAAC,IAAD,KACE,+BAAKQ,UAAU,oBACb,+BAAKA,UAAU,kBACb,gCAAMC,KAAK,QACT,uCACE,8BAAID,UAAU,gBAAd,OAAkCR,GAClC,wBAAC,IAAD,CAAcJ,UAAWA,OAK/B,wBAAC,IAAD,CAASc,KAAK,EAAMC,eAAe","file":"component---src-templates-tag-tsx-e0cd55b3c4a0a3a16b57.js","sourcesContent":["import React from \"react\"\nimport { graphql, PageProps } from \"gatsby\"\n\nimport type { TagPageQuery } from \"@graphql-types\"\nimport type { PostMdxEdge } from \"types/external-graphql-types\"\nimport { toBlogPostList } from \"~/service/gateways/post\"\nimport { toTagLink } from \"~/service/presenters/links\"\nimport { Sidebar } from \"~/components/sidebar\"\nimport { Layout } from \"~/components/layout\"\nimport { Head } from \"~/components/common/head\"\nimport { BlogPostList } from \"~/components/common/blog-post-list\"\n\ntype TagPageProps = PageProps<TagPageQuery, { tag?: string }>\n\nconst TagPageTemplate: React.VFC<TagPageProps> = ({\n  data,\n  pageContext,\n}: TagPageProps) => {\n  const blogPosts = toBlogPostList(data.allMdx.edges as PostMdxEdge[])\n  const tag = pageContext.tag || `No Tag`\n\n  const siteTitle = data.site?.siteMetadata?.title || ``\n\n  return (\n    <>\n      <Head\n        title={`${tag}タグ`}\n        description={`${siteTitle}の${tag}タグページです。｢${tag}｣に関連する記事を探すことができます。`}\n        slug={toTagLink(tag)}\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\">タグ: {tag}</h1>\n                <BlogPostList blogPosts={blogPosts} />\n              </section>\n            </main>\n          </div>\n\n          <Sidebar bio={true} commonSidebar={true} />\n        </div>\n      </Layout>\n    </>\n  )\n}\n\nexport default TagPageTemplate\n\nexport const pageQuery = graphql`\n  query TagPage($tag: String!) {\n    allMdx(\n      filter: { frontmatter: { tags: { in: [$tag] } } }\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":""}