{"version":3,"file":"component---src-pages-blog-js-85834a75e7ceb39b729e.js","mappings":"yOAuCA,EA/BuB,SAAC,GAAe,IAAbA,EAAY,EAAZA,MACxB,OAAKA,GACAC,MAAMC,QAAQF,GAGjB,gBAAC,IAAD,KACE,sBAAIG,UCbe,+CDchBH,EAAMI,KAAI,SAACC,GACV,OACE,sBAAIC,IAAKD,EAAKE,MACZ,gBAAC,KAAD,CAAMC,GAAE,SAAWH,EAAKE,KAAQJ,UCf5B,uCDgBF,gBAAC,EAAAM,EAAD,CAAaC,IAAI,GAAGC,MAAON,EAAKO,UAAUC,kBAC1C,sBAAIV,UClBD,wCDkB2BE,EAAKS,QAErC,uBACEC,wBAAyB,CACvBC,OAAQX,EAAKY,YAAYC,oBAAoBC,QAGjD,uBAAKhB,UCvBD,uCDwBF,yBAAOA,UAAU,QAAQE,EAAKe,aAC9B,gBAAC,IAAD,CAAMC,KAAMhB,EAAKgB,cApBZ,O,8GEAfC,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAWH,OAXGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJC,OAAA,WACE,IAAMvB,EAAQwB,GAAAA,CAAIC,KAAM,0CAExB,OACE,gBAAC,IAAD,CAAQC,SAAUD,KAAKE,MAAMD,UAC3B,gBAAC,IAAD,CAAKZ,MAAM,SACX,gBAAC,IAAD,CAAMA,MAAM,SACZ,gBAAC,IAAD,CAAgBd,MAAOA,MAG5B,EAXGsB,CAAkBM,EAAAA,WAcxB","sources":["webpack://contentful-starter-gatsby-blog/./src/components/article-preview.js","webpack://contentful-starter-gatsby-blog/./src/components/article-preview.module.css","webpack://contentful-starter-gatsby-blog/./src/pages/blog.js"],"sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport { GatsbyImage } from 'gatsby-plugin-image'\n\nimport Container from './container'\nimport Tags from './tags'\nimport * as styles from './article-preview.module.css'\n\nconst ArticlePreview = ({ posts }) => {\n  if (!posts) return null\n  if (!Array.isArray(posts)) return null\n\n  return (\n    <Container>\n      <ul className={styles.articleList}>\n        {posts.map((post) => {\n          return (\n            <li key={post.slug}>\n              <Link to={`/blog/${post.slug}`} className={styles.link}>\n                <GatsbyImage alt=\"\" image={post.heroImage.gatsbyImageData} />\n                <h2 className={styles.title}>{post.title}</h2>\n              </Link>\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: post.description.childMarkdownRemark.html,\n                }}\n              />\n              <div className={styles.meta}>\n                <small className=\"meta\">{post.publishDate}</small>\n                <Tags tags={post.tags} />\n              </div>\n            </li>\n          )\n        })}\n      </ul>\n    </Container>\n  )\n}\n\nexport default ArticlePreview\n","// extracted by mini-css-extract-plugin\nexport var articleList = \"article-preview-module--article-list--2zSz0\";\nexport var title = \"article-preview-module--title--1Uq8k\";\nexport var link = \"article-preview-module--link--3fhjt\";\nexport var meta = \"article-preview-module--meta--D6_bt\";","import React from 'react'\nimport { graphql } from 'gatsby'\nimport get from 'lodash/get'\n\nimport Seo from '../components/seo'\nimport Layout from '../components/layout'\nimport Hero from '../components/hero'\nimport ArticlePreview from '../components/article-preview'\n\nclass BlogIndex extends React.Component {\n  render() {\n    const posts = get(this, 'props.data.allContentfulBlogPost.nodes')\n\n    return (\n      <Layout location={this.props.location}>\n        <Seo title=\"Blog\" />\n        <Hero title=\"Blog\" />\n        <ArticlePreview posts={posts} />\n      </Layout>\n    )\n  }\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query BlogIndexQuery {\n    allContentfulBlogPost(sort: { fields: [publishDate], order: DESC }) {\n      nodes {\n        title\n        slug\n        publishDate(formatString: \"MMMM Do, YYYY\")\n        tags\n        heroImage {\n          gatsbyImageData(\n            layout: FULL_WIDTH\n            placeholder: BLURRED\n            width: 424\n            height: 212\n          )\n        }\n        description {\n          childMarkdownRemark {\n            html\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["posts","Array","isArray","className","map","post","key","slug","to","G","alt","image","heroImage","gatsbyImageData","title","dangerouslySetInnerHTML","__html","description","childMarkdownRemark","html","publishDate","tags","BlogIndex","render","get","this","location","props","React"],"sourceRoot":""}