component---src-pages-blog-jsx-2f67aed4a020cb4aa63d.js.map

{"version":3,"sources":["webpack:///./src/components/BlogPost.jsx","webpack:///./src/pages/blog.jsx"],"names":["BlogPost","post","frontmatter","title","date","description","excerpt","slug","fields","key","style","boxShadow","to","dangerouslySetInnerHTML","__html","pageQuery","BlogIndex","props","posts","data","allMarkdownRemark","edges","location","map","node"],"mappings":"qJAkCeA,EA9BE,SAAC,GAAD,QACfC,KADe,IAEbC,YAAeC,EAFF,EAEEA,MAAOC,EAFT,EAESA,KAAMC,EAFf,EAEeA,YAAaC,EAF5B,EAE4BA,QAC/BC,EAHG,EAGbC,OAAUD,KAHG,OAMf,6BAASE,IAAKF,GACZ,gCACE,4BACE,kBAAC,OAAD,CAAMG,MAAO,CAAEC,UAAU,QAAWC,GAAIL,GACrCJ,GAASI,IAGd,+BAAQH,IAEV,iCACE,uBAEES,wBAAyB,CACvBC,OAAQT,GAAeC,QCvBjC,0CAKA,IAiBaS,EAAS,aAoBPC,UArCG,SAAAC,GAAU,IAGMC,EAG5BD,EAJFE,KACEC,kBAAqBC,MAEvBC,EACEL,EADFK,SAGF,OACE,kBAAC,IAAD,CAAQA,SAAUA,EAAUnB,MAAM,QAC/Be,EAAMK,KAAI,gBAAStB,EAAT,EAAGuB,KAAH,OACT,kBAAC,EAAD,CAAUvB,KAAMA","file":"component---src-pages-blog-jsx-2f67aed4a020cb4aa63d.js","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'gatsby';\r\n\r\nconst BlogPost = ({\r\n  post: {\r\n    frontmatter: { title, date, description, excerpt },\r\n    fields: { slug }\r\n  }\r\n}) => (\r\n  <article key={slug}>\r\n    <header>\r\n      <h3>\r\n        <Link style={{ boxShadow: `none` }} to={slug}>\r\n          {title || slug}\r\n        </Link>\r\n      </h3>\r\n      <small>{date}</small>\r\n    </header>\r\n    <section>\r\n      <p\r\n        // eslint-disable-next-line react/no-danger\r\n        dangerouslySetInnerHTML={{\r\n          __html: description || excerpt\r\n        }}\r\n      />\r\n    </section>\r\n  </article>\r\n);\r\n\r\nBlogPost.propTypes = {\r\n  post: PropTypes.object\r\n};\r\n\r\nexport default BlogPost;\r\n","import React from 'react';\r\nimport { graphql } from 'gatsby';\r\nimport Layout from '../components/layout';\r\nimport BlogPost from '../components/BlogPost';\r\n\r\nconst BlogIndex = props => {\r\n  const {\r\n    data: {\r\n      allMarkdownRemark: { edges: posts }\r\n    },\r\n    location\r\n  } = props;\r\n\r\n  return (\r\n    <Layout location={location} title=\"Blog\">\r\n      {posts.map(({ node: post }) => (\r\n        <BlogPost post={post} />\r\n      ))}\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\r\n      edges {\r\n        node {\r\n          excerpt\r\n          fields {\r\n            slug\r\n          }\r\n          frontmatter {\r\n            date(formatString: \"MMMM DD, YYYY\")\r\n            title\r\n            description\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport default BlogIndex;\r\n"],"sourceRoot":""}