{"version":3,"sources":["webpack://gatsby-starter-blog-typescript/./src/templates/blog-post.tsx"],"names":["Date","styled","styledScale","rhythm","Divider","PostNavigator","props","data","post","markdownRemark","excerpt","frontmatter","html","siteTitle","site","siteMetadata","title","pageContext","previous","next","location","description","date","dangerouslySetInnerHTML","__html","to","fields","slug","rel"],"mappings":"iOAeMA,EAAOC,kBAAH,2DAAGA,CAAH,yDAENC,SAAY,KACGC,QAAO,IACVA,SAAQ,IAGlBC,EAAUH,mBAAH,8DAAGA,CAAH,wBACME,QAAO,IAGpBE,EAAgBJ,mBAAH,oEAAGA,CAAH,0FAgDnB,UAxCyB,SAACK,GACxB,IAAMC,EAAOD,EAAMC,KACbC,EAAOD,EAAKE,eACZC,EAAUF,EAAKE,QACfC,EAAcH,EAAKG,YACnBC,EAAOJ,EAAKI,KACZC,EAAYN,EAAKO,KAAMC,aAAcC,MAC3C,EAA2BV,EAAMW,YAAzBC,EAAR,EAAQA,SAAUC,EAAlB,EAAkBA,KAElB,OACE,gBAAC,IAAD,CAAQC,SAAUd,EAAMc,SAAUJ,MAAOH,GACvC,gBAAC,IAAD,CACEG,MAAOL,EAAYK,MACnBK,YAAaV,EAAYU,aAAeX,IAE1C,0BAAKF,EAAKG,YAAaK,OACvB,gBAAChB,EAAD,KAAOW,EAAYW,MACnB,uBAAKC,wBAAyB,CAAEC,OAAQZ,KACxC,gBAACR,EAAD,MACA,gBAAC,IAAD,MACA,gBAACC,EAAD,KACE,0BACGa,GACC,gBAAC,IAAD,CAAUO,GAAIP,EAASQ,OAAQC,KAAOC,IAAI,QAA1C,KACKV,EAASP,YAAaK,QAI/B,0BACGG,GACC,gBAAC,IAAD,CAAUM,GAAIN,EAAKO,OAAQC,KAAOC,IAAI,QACnCT,EAAKR,YAAaK,MADrB","file":"component---src-templates-blog-post-tsx-9ed6d8b7a70ce9056319.js","sourcesContent":["import { graphql, PageRendererProps } from \"gatsby\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { Bio } from \"../components/bio\"\nimport { Layout } from \"../components/layout\"\nimport { FadeLink } from \"../components/link\"\nimport { SEO } from \"../components/seo\"\nimport { Query, SitePageContext } from \"../graphql-types\"\nimport { rhythm, styledScale } from \"../utils/typography\"\n\ninterface Props extends PageRendererProps {\n  pageContext: SitePageContext\n  data: Query\n}\n\nconst Date = styled.p`\n  display: block;\n  ${styledScale(-1 / 5)};\n  margin-bottom: ${rhythm(1)};\n  margin-top: ${rhythm(-1)};\n`\n\nconst Divider = styled.hr`\n  margin-bottom: ${rhythm(1)};\n`\n\nconst PostNavigator = styled.ul`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  list-style: none;\n  padding: 0;\n`\n\nconst BlogPostTemplate = (props: Props) => {\n  const data = props.data!\n  const post = data.markdownRemark!\n  const excerpt = post.excerpt!\n  const frontmatter = post.frontmatter!\n  const html = post.html!\n  const siteTitle = data.site!.siteMetadata!.title!\n  const { previous, next } = props.pageContext\n\n  return (\n    <Layout location={props.location} title={siteTitle}>\n      <SEO\n        title={frontmatter.title!}\n        description={frontmatter.description || excerpt}\n      />\n      <h1>{post.frontmatter!.title}</h1>\n      <Date>{frontmatter.date}</Date>\n      <div dangerouslySetInnerHTML={{ __html: html }} />\n      <Divider />\n      <Bio />\n      <PostNavigator>\n        <li>\n          {previous && (\n            <FadeLink to={previous.fields!.slug!} rel=\"prev\">\n              ← {previous.frontmatter!.title}\n            </FadeLink>\n          )}\n        </li>\n        <li>\n          {next && (\n            <FadeLink to={next.fields!.slug!} rel=\"next\">\n              {next.frontmatter!.title} →\n            </FadeLink>\n          )}\n        </li>\n      </PostNavigator>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        author\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n      }\n    }\n  }\n`\n"],"sourceRoot":""}