{"version":3,"sources":["webpack:///./src/templates/TagTemplate.js","webpack:///./src/components/List/List.js","webpack:///./src/components/List/index.js"],"names":["TagTemplate","props","tag","pageContext","data","allMarkdownRemark","totalCount","edges","Fragment","Consumer","theme","className","tagQuery","List","space","stack","m","xs","font","size","s","lineHeight","l","map","edge","node","title","frontmatter","slug","fields","key","to"],"mappings":"0FAAA,yHA+CeA,UArCK,SAAAC,GAAU,IAEXC,EAIbD,EAJFE,YAAeD,IAFU,EAMvBD,EAHFG,KACEC,kBAAqBC,EAJE,EAIFA,WAAYC,EAJV,EAIUA,MAIrC,OACE,kBAAC,IAAMC,SAAP,KACE,kBAAC,eAAaC,SAAd,MACG,SAAAC,GAAK,OACJ,kBAAC,IAAD,CAASA,MAAOA,GACd,gCACE,kBAAC,IAAD,CAAUA,MAAOA,GACf,gDADF,IAC8B,kBAAC,IAAD,MAC3BR,GAEH,uBAAGS,UAAU,QACX,gCAASL,GADX,QACqCA,EAAa,EAAI,KAAO,IAD7D,YAGA,kBAAC,IAAD,CAAMC,MAAOA,EAAOG,MAAOA,SAMnC,kBAAC,IAAD,QAaC,IAAME,EAAQ,c,6ECFNC,EA5CF,SAAAZ,GAAU,IACbM,EAAiBN,EAAjBM,MAAOG,EAAUT,EAAVS,MAEf,OACE,kBAAC,IAAMF,SAAP,KACE,6DAoBcE,EAAMI,MAAMC,MAAMC,EACjBN,EAAMI,MAAME,EAIZN,EAAMI,MAAMG,GACVP,EAAMQ,KAAKC,KAAKC,EACdV,EAAMQ,KAAKG,WAAWC,OA1BtCf,EAAMgB,KAAI,SAAAC,GAAS,IAAD,EAMbA,EAJFC,KACiBC,EAHF,EAGbC,YAAeD,MACLE,EAJG,EAIbC,OAAUD,KAId,OACE,wBAAIE,IAAKF,EAAT,qCAUQlB,EAAMI,MAAMC,MAAMC,EACjBN,EAAMI,MAAME,EAIZN,EAAMI,MAAMG,GACVP,EAAMQ,KAAKC,KAAKC,EACdV,EAAMQ,KAAKG,WAAWC,OAhBjC,kBAAC,IAAD,CAAMS,GAAIH,GAAOF,QAZ3B,0FAqBgBhB,EAAMI,MAAMC,MAAMC,EArBlC,YAsBiBN,EAAMI,MAAME,EAtB7B,kEA0BiBN,EAAMI,MAAMG,GA1B7B,gBA2BmBP,EAAMQ,KAAKC,KAAKC,EA3BnC,gBA4BqBV,EAAMQ,KAAKG,WAAWC,EA5B3C,eAqBgBZ,EAAMI,MAAMC,MAAMC,EACjBN,EAAMI,MAAME,EAIZN,EAAMI,MAAMG,GACVP,EAAMQ,KAAKC,KAAKC,EACdV,EAAMQ,KAAKG,WAAWC,OCpC/C","file":"component---src-templates-tag-template-js-7547ff254051fa5e19ca.js","sourcesContent":["import { FaTag } from \"react-icons/fa/\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Seo from \"../components/Seo\";\nimport { ThemeContext } from \"../layouts\";\nimport Article from \"../components/Article\";\nimport Headline from \"../components/Article/Headline\";\nimport List from \"../components/List\";\n\nconst TagTemplate = props => {\n  const {\n    pageContext: { tag },\n    data: {\n      allMarkdownRemark: { totalCount, edges }\n    }\n  } = props;\n\n  return (\n    <React.Fragment>\n      <ThemeContext.Consumer>\n        {theme => (\n          <Article theme={theme}>\n            <header>\n              <Headline theme={theme}>\n                <span>Posts with tag</span> <FaTag />\n                {tag}\n              </Headline>\n              <p className=\"meta\">\n                <strong>{totalCount}</strong> post{totalCount > 1 ? \"s \" : \" \"} tagged:\n              </p>\n              <List edges={edges} theme={theme} />\n            </header>\n          </Article>\n        )}\n      </ThemeContext.Consumer>\n\n      <Seo />\n    </React.Fragment>\n  );\n};\n\nTagTemplate.propTypes = {\n  data: PropTypes.object.isRequired,\n  pageContext: PropTypes.object.isRequired\n};\n\nexport default TagTemplate;\n\n// eslint-disable-next-line no-undef\nexport const tagQuery = graphql`\n  query PostsByTag($tag: String) {\n    allMarkdownRemark(\n      limit: 1000\n      sort: { fields: [fields___prefix], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n          }\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            tags\n          }\n        }\n      }\n    }\n  }\n`;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"gatsby\";\n\nconst List = props => {\n  const { edges, theme } = props;\n\n  return (\n    <React.Fragment>\n      <ul>\n        {edges.map(edge => {\n          const {\n            node: {\n              frontmatter: { title },\n              fields: { slug }\n            }\n          } = edge;\n\n          return (\n            <li key={slug}>\n              <Link to={slug}>{title}</Link>\n            </li>\n          );\n        })}\n      </ul>\n\n      {/* --- STYLES --- */}\n      <style jsx>{`\n        ul {\n          margin: ${theme.space.stack.m};\n          padding: ${theme.space.m};\n          list-style: circle;\n        }\n        li {\n          padding: ${theme.space.xs} 0;\n          font-size: ${theme.font.size.s};\n          line-height: ${theme.font.lineHeight.l};\n        }\n      `}</style>\n    </React.Fragment>\n  );\n};\n\nList.propTypes = {\n  edges: PropTypes.array.isRequired,\n  theme: PropTypes.object.isRequired\n};\n\nexport default List;\n","export { default } from \"./List\";\n"],"sourceRoot":""}