{"version":3,"sources":["webpack:///./src/templates/tags.tsx","webpack:///./src/img/news/share/image_001.png"],"names":["TagRoute","props","postLinks","data","allMarkdownRemark","edges","map","post","React","createElement","Link","className","to","node","fields","slug","key","frontmatter","date","title","excerpt","featuredimage","PreviewCompatibleImage","imageInfo","image","alt","src","DefaultImage","tag","pageContext","site","siteMetadata","tagHeader","totalCount","Layout","Helmet","module","exports"],"mappings":"4FAAA,8GA8GeA,UA3EaC,IAC1B,MACMC,EADQD,EAAME,KAAKC,kBAAkBC,MACnBC,IAAIC,GAC1BC,IAAAC,cAACC,OAAI,CACHC,UAAU,eACVC,GAAIL,EAAKM,KAAKC,OAAOC,KACrBC,IAAKT,EAAKM,KAAKC,OAAOC,MAEtBP,IAAAC,cAAA,WAASE,UAAU,uBACjBH,IAAAC,cAAA,OAAKE,UAAU,qBACbH,IAAAC,cAAA,KAAGE,UAAU,sBAAsBJ,EAAKM,KAAKI,YAAYC,MACzDV,IAAAC,cAAA,MAAIE,UAAU,uBACZH,IAAAC,cAAA,YAAOF,EAAKM,KAAKI,YAAYE,QAE/BX,IAAAC,cAAA,KAAGE,UAAU,6BAA6BJ,EAAKM,KAAKO,UAEtDZ,IAAAC,cAAA,OAAKE,UAAU,qBACbH,IAAAC,cAAA,OAAKE,UAAU,uBACZJ,EAAKM,KAAKI,YAAYI,cACrBb,IAAAC,cAACa,IAAsB,CACrBC,UAAW,CACTC,MAAOjB,EAAKM,KAAKI,YAAYI,cAC7BI,IAAK,qCAAqClB,EAAKM,KAAKI,YAAYE,SAIpEX,IAAAC,cAAA,OAAKiB,IAAKC,IAAcF,IAAI,eAOlCG,EAAM3B,EAAM4B,YAAYD,IACxBT,EAAQlB,EAAME,KAAK2B,KAAKC,aAAaZ,MAErCa,GADa/B,EAAME,KAAKC,kBAAkB6B,WAC9B,GAAGL,GAErB,OACEpB,IAAAC,cAACyB,IAAM,KACL1B,IAAAC,cAAC0B,IAAM,CAAChB,MAAUS,EAAG,MAAMT,IAC3BX,IAAAC,cAAA,OAAKE,UAAU,WACbH,IAAAC,cAAA,OAAKE,UAAU,kBACbH,IAAAC,cAAA,OAAKE,UAAU,iBACbH,IAAAC,cAACC,OAAI,CAACE,GAAI,IAAKD,UAAU,iBACvBH,IAAAC,cAAA,OAAKE,UAAU,iBAAgB,SAGnCH,IAAAC,cAAA,OAAKE,UAAU,iBACbH,IAAAC,cAACC,OAAI,CAACE,GAAI,QAASD,UAAU,iBAC3BH,IAAAC,cAAA,OAAKE,UAAU,iBAAgB,QAGnCH,IAAAC,cAAA,OAAKE,UAAU,iBACbH,IAAAC,cAAA,OAAKE,UAAU,iBAAiBqB,MAKtCxB,IAAAC,cAAA,WAASE,UAAU,mEACjBH,IAAAC,cAAA,OAAKE,UAAU,8BACbH,IAAAC,cAAA,MAAIE,UAAU,wBACZH,IAAAC,cAAA,QAAME,UAAU,kBAAkBqB,IAGpCxB,IAAAC,cAAA,OAAKE,UAAU,WAAWT,GAC1BM,IAAAC,cAAA,SACED,IAAAC,cAACC,OAAI,CAACE,GAAG,UAAS,mB,qBCtG9BwB,EAAOC,QAAU,IAA0B","file":"component---src-templates-tags-tsx-de208fffbb001a660e09.js","sourcesContent":["import React, { FC } from \"react\";\nimport Helmet from \"react-helmet\";\nimport { Link, graphql } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport PreviewCompatibleImage from \"../components/PreviewCompatibleImage\";\n\nimport DefaultImage from \"../img/news/share/image_001.png\";\n\ntype Props = {\n  data: {\n    allMarkdownRemark: {\n      edges: Node[];\n      totalCount: number;\n    };\n    site: {\n      siteMetadata: {\n        title: string;\n      };\n    };\n  };\n  pageContext: any;\n};\n\ntype Node = {\n  node: {\n    fields: {\n      slug: string;\n    };\n    frontmatter: {\n      title: string;\n      excerpt: string;\n    };\n  };\n};\n\nconst TagRoute: FC<Props> = props => {\n  const posts = props.data.allMarkdownRemark.edges;\n  const postLinks = posts.map(post => (\n    <Link\n      className=\"c-news-media\"\n      to={post.node.fields.slug}\n      key={post.node.fields.slug}\n    >\n      <article className=\"c-news-media__inner\">\n        <div className=\"c-news-media__col\">\n          <p className=\"c-news-media__date\">{post.node.frontmatter.date}</p>\n          <h2 className=\"c-news-media__title\">\n            <span>{post.node.frontmatter.title}</span>\n          </h2>\n          <p className=\"c-news-media__description\">{post.node.excerpt}</p>\n        </div>\n        <div className=\"c-news-media__col\">\n          <div className=\"c-news-media__image\">\n            {post.node.frontmatter.featuredimage ? (\n              <PreviewCompatibleImage\n                imageInfo={{\n                  image: post.node.frontmatter.featuredimage,\n                  alt: `featured image thumbnail for post ${post.node.frontmatter.title}`\n                }}\n              />\n            ) : (\n              <img src={DefaultImage} alt=\"天神皮ふ科\" />\n            )}\n          </div>\n        </div>\n      </article>\n    </Link>\n  ));\n  const tag = props.pageContext.tag;\n  const title = props.data.site.siteMetadata.title;\n  const totalCount = props.data.allMarkdownRemark.totalCount;\n  const tagHeader = `${tag}`;\n\n  return (\n    <Layout>\n      <Helmet title={`${tag} | ${title}`} />\n      <div className=\"c-bread\">\n        <div className=\"c-bread__inner\">\n          <div className=\"c-bread__item\">\n            <Link to={\"/\"} className=\"c-bread__link\">\n              <div className=\"c-bread__text\">トップ</div>\n            </Link>\n          </div>\n          <div className=\"c-bread__item\">\n            <Link to={\"/tags\"} className=\"c-bread__link\">\n              <div className=\"c-bread__text\">タグ</div>\n            </Link>\n          </div>\n          <div className=\"c-bread__item\">\n            <div className=\"c-bread__text\">{tagHeader}</div>\n          </div>\n        </div>\n      </div>\n\n      <section className=\"l-section-lv2 l-main-content-hero -medium-hero js-more-contents\">\n        <div className=\"l-main-content-hero__inner\">\n          <h2 className=\"c-pickup-card__title\">\n            <span className=\"c-yellow-maker\">{tagHeader}</span>\n          </h2>\n\n          <div className=\"taglist\">{postLinks}</div>\n          <p>\n            <Link to=\"/tags/\">すべてのタグを見る</Link>\n          </p>\n        </div>\n      </section>\n    </Layout>\n  );\n};\n\nexport default TagRoute;\n\nexport const tagPageQuery = graphql`\n  query TagPage($tag: String) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allMarkdownRemark(\n      limit: 1000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          excerpt(pruneLength: 200)\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            date(formatString: \"YYYY.MM.DD\")\n            featuredimage {\n              childImageSharp {\n                fluid(maxWidth: 400, quality: 100) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/image_001-b379675c0c14aa7e3dc7a48c33cb78f3.png\";"],"sourceRoot":""}