component---src-templates-blog-post-js-7c8214c0cb4d77f88262.js.map

{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["BlogPostTemplate","props","pageContext","previous","next","post","data","markdownRemark","location","title","frontmatter","style","marginBottom","display","date","dangerouslySetInnerHTML","__html","html","flexWrap","justifyContent","listStyle","padding","to","fields","slug","rel","pageQuery"],"mappings":"2FAAA,kGAkEeA,UA5DU,SAAAC,GAAU,IAAD,EAK5BA,EAHFC,YAAeC,EAFe,EAEfA,SAAUC,EAFK,EAELA,KACDC,EAEtBJ,EAFFK,KAAQC,eACRC,EACEP,EADFO,SAGF,OACE,kBAAC,IAAD,CAAQA,SAAUA,EAAUC,MAAOJ,EAAKK,YAAYD,OAClD,iCACE,gCACE,wBACEE,MAAO,CACLC,aAAc,IAGfP,EAAKK,YAAYD,OAEpB,uBACEE,MAAO,CACLE,QAAQ,UAGTR,EAAKK,YAAYI,OAGtB,6BAASC,wBAAyB,CAAEC,OAAQX,EAAKY,QACjD,8BAGF,6BACE,wBACEN,MAAO,CACLE,QAAQ,OACRK,SAAS,OACTC,eAAe,gBACfC,UAAU,OACVC,QAAS,IAGX,4BACGlB,GACC,kBAAC,OAAD,CAAMmB,GAAInB,EAASoB,OAAOC,KAAMC,IAAI,QAApC,KACKtB,EAASO,YAAYD,QAI9B,4BACGL,GACC,kBAAC,OAAD,CAAMkB,GAAIlB,EAAKmB,OAAOC,KAAMC,IAAI,QAC7BrB,EAAKM,YAAYD,MADpB,WAaP,IAAMiB,EAAS","file":"component---src-templates-blog-post-js-7c8214c0cb4d77f88262.js","sourcesContent":["/* eslint-disable react/no-danger */\r\nimport React from 'react';\r\nimport { Link, graphql } from 'gatsby';\r\n\r\nimport Layout from '../components/layout';\r\n\r\nconst BlogPostTemplate = props => {\r\n  const {\r\n    pageContext: { previous, next },\r\n    data: { markdownRemark: post },\r\n    location\r\n  } = props;\r\n\r\n  return (\r\n    <Layout location={location} title={post.frontmatter.title}>\r\n      <article>\r\n        <header>\r\n          <h1\r\n            style={{\r\n              marginBottom: 0\r\n            }}\r\n          >\r\n            {post.frontmatter.title}\r\n          </h1>\r\n          <p\r\n            style={{\r\n              display: `block`\r\n            }}\r\n          >\r\n            {post.frontmatter.date}\r\n          </p>\r\n        </header>\r\n        <section dangerouslySetInnerHTML={{ __html: post.html }} />\r\n        <hr />\r\n      </article>\r\n\r\n      <nav>\r\n        <ul\r\n          style={{\r\n            display: `flex`,\r\n            flexWrap: `wrap`,\r\n            justifyContent: `space-between`,\r\n            listStyle: `none`,\r\n            padding: 0\r\n          }}\r\n        >\r\n          <li>\r\n            {previous && (\r\n              <Link to={previous.fields.slug} rel=\"prev\">\r\n                ← {previous.frontmatter.title}\r\n              </Link>\r\n            )}\r\n          </li>\r\n          <li>\r\n            {next && (\r\n              <Link to={next.fields.slug} rel=\"next\">\r\n                {next.frontmatter.title} →\r\n              </Link>\r\n            )}\r\n          </li>\r\n        </ul>\r\n      </nav>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default BlogPostTemplate;\r\n\r\nexport const pageQuery = graphql`\r\n  query BlogPostBySlug($slug: String!) {\r\n    markdownRemark(fields: { slug: { eq: $slug } }) {\r\n      id\r\n      excerpt(pruneLength: 160)\r\n      html\r\n      frontmatter {\r\n        title\r\n        date(formatString: \"MMMM DD, YYYY\")\r\n        description\r\n      }\r\n    }\r\n  }\r\n`;\r\n"],"sourceRoot":""}