component---src-templates-tag-template-js-963cda74d782f5ea889d.js.map

{"version":3,"sources":["webpack:///./src/templates/tag-template.js","webpack:///./src/components/Feed/Feed.js","webpack:///./src/components/Feed/index.js"],"names":["query","TagTemplate","data","pageContext","site","siteMetadata","siteTitle","title","siteSubtitle","subtitle","tag","currentPage","edges","allMarkdownRemark","pageTitle","description","Feed","className","styles","map","edge","id","node","fields","slug","slice","key","to","frontmatter","xmlns","width","height","fill","viewBox","d"],"mappings":"2FAAA,mGA0CaA,EAAK,aAgCHC,UAlEK,SAAC,GAA2B,IAAzBC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YAAkB,EAIzCD,EAAKE,KAAKC,aAFLC,EAFoC,EAE3CC,MACUC,EAHiC,EAG3CC,SAIAC,EAMEP,EANFO,IACAC,EAKER,EALFQ,YAOMC,EAAUV,EAAKW,kBAAfD,MACFE,EAAYH,EAAc,EAAd,wBAA0CD,EAA1C,YAAyDC,EAAzD,MAA0EL,EAA1E,wBAAgHI,EAAhH,OAA0HJ,EAE5I,OACE,kBAAC,IAAD,CAAQC,MAAOO,EAAWC,YAAaP,GACrC,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAMD,MAAOG,GACX,kBAAC,IAAD,CAAME,MAAOA,Q,8ECINI,EA7BF,SAAC,GAAD,IAAGJ,EAAH,EAAGA,MAAH,OACX,yBAAKK,UAAWC,IAAM,MACnBN,EAAMO,IAAI,SAACC,GAAD,OACT,yBAAKH,UAAWC,IAAM,WAAgBG,GAAID,EAAKE,KAAKC,OAAOC,KAAKC,MAAM,GAAI,GAAIC,IAAKN,EAAKE,KAAKC,OAAOC,MAUlG,wBAAIP,UAAWC,IAAO,qBACpB,kBAAC,OAAD,CAAMD,UAAWC,IAAO,yBAA0BS,GAAIP,EAAKE,KAAKC,OAAOC,MAAOJ,EAAKE,KAAKM,YAAYrB,QAEtG,uBAAGU,UAAWC,IAAO,2BAA4BE,EAAKE,KAAKM,YAAYb,aACvE,kBAAC,OAAD,CAAME,UAAWC,IAAO,uBAAwBS,GAAIP,EAAKE,KAAKC,OAAOC,MAArE,aAEG,IACD,yBAAKK,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,KAAK,UAAUC,QAAQ,aACpF,0BAAMC,EAAE,yDC1BpB","file":"component---src-templates-tag-template-js-963cda74d782f5ea889d.js","sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from '../components/Layout';\nimport Header from '../components/Header';\nimport Feed from '../components/Feed';\nimport Page from '../components/Page';\n// import Pagination from '../components/Pagination';\n\nconst TagTemplate = ({ data, pageContext }) => {\n  const {\n    title: siteTitle,\n    subtitle: siteSubtitle\n  } = data.site.siteMetadata;\n\n  const {\n    tag,\n    currentPage,\n    // prevPagePath,\n    // nextPagePath,\n    // hasPrevPage,\n    // hasNextPage\n  } = pageContext;\n\n  const { edges } = data.allMarkdownRemark;\n  const pageTitle = currentPage > 0 ? `All Posts tagged as \"${tag}\" - Page ${currentPage} - ${siteTitle}` : `All Posts tagged as \"${tag}\" - ${siteTitle}`;\n\n  return (\n    <Layout title={pageTitle} description={siteSubtitle}>\n      <Header />\n      <Page title={tag}>\n        <Feed edges={edges} />\n        {/* <Pagination\n          prevPagePath={prevPagePath}\n          nextPagePath={nextPagePath}\n          hasPrevPage={hasPrevPage}\n          hasNextPage={hasNextPage}\n        /> */}\n      </Page>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query TagPage($tag: String, $postsLimit: Int!, $postsOffset: Int!) {\n    site {\n      siteMetadata {\n        title\n        subtitle\n      }\n    }\n    allMarkdownRemark(\n        limit: $postsLimit,\n        skip: $postsOffset,\n        filter: { frontmatter: { tags: { in: [$tag] }, template: { eq: \"post\" }, draft: { ne: true } } },\n        sort: { order: DESC, fields: [frontmatter___date] }\n      ){\n      edges {\n        node {\n          fields {\n            slug\n            categorySlug\n          }\n          frontmatter {\n            title\n            date\n            category\n            description\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default TagTemplate;\n","import React from 'react';\n// import moment from 'moment';\nimport { Link } from 'gatsby';\nimport styles from './Feed.module.scss';\n\nconst Feed = ({ edges }) => (\n  <div className={styles['feed']}>\n    {edges.map((edge) => (\n      <div className={styles['feed__item']} id={edge.node.fields.slug.slice(7, -1)} key={edge.node.fields.slug}>\n        {/* <div className={styles['feed__item-meta']}>\n          <time className={styles['feed__item-meta-time']} dateTime={moment(edge.node.frontmatter.date).format('MMMM D, YYYY')}>\n            {moment(edge.node.frontmatter.date).format('MMMM YYYY')}\n          </time>\n          <span className={styles['feed__item-meta-divider']} />\n          <span className={styles['feed__item-meta-category']}>\n            <Link to={edge.node.fields.categorySlug} className={styles['feed__item-meta-category-link']}>{edge.node.frontmatter.category}</Link>\n          </span>\n        </div> */}\n        <h2 className={styles['feed__item-title']}>\n          <Link className={styles['feed__item-title-link']} to={edge.node.fields.slug}>{edge.node.frontmatter.title}</Link>\n        </h2>\n        <p className={styles['feed__item-description']}>{edge.node.frontmatter.description}</p>\n        <Link className={styles['feed__item-readmore']} to={edge.node.fields.slug}>\n          Learn more\n          {' '}\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"#03a9f4\" viewBox=\"0 0 24 24\">\n            <path d=\"M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z\"/>\n          </svg>\n        </Link>\n      </div>\n    ))}\n  </div>\n);\n\nexport default Feed;\n","export { default } from './Feed';\n"],"sourceRoot":""}