component---src-templates-post-js-6ea5a503b782b91116ad.js.map

{"version":3,"sources":["webpack:///./src/templates/post.js"],"names":["colors","theme","StyledPostContainer","styled","Main","StyledPostHeader","header","StyledPostContent","div","lightSlate","PostTemplate","data","location","markdownRemark","frontmatter","html","title","date","tags","className","to","Date","toLocaleDateString","year","month","day","length","map","tag","i","key","kebabCase","dangerouslySetInnerHTML","__html","pageQuery"],"mappings":"8FAAA,+IAOQA,EAAWC,IAAXD,OAEFE,EAAsBC,YAAOC,KAAV,+EAAGD,CAAH,uBAGnBE,EAAmBF,IAAOG,OAAV,4EAAGH,CAAH,iDAMhBI,EAAoBJ,IAAOK,IAAV,6EAAGL,CAAH,uGAcVH,EAAOS,YA2CLC,UAvCM,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAAe,EACbD,EAAKE,eAA3BC,EADmC,EACnCA,YAAaC,EADsB,EACtBA,KACbC,EAAsBF,EAAtBE,MAAOC,EAAeH,EAAfG,KAAMC,EAASJ,EAATI,KAErB,OACE,kBAAC,IAAD,CAAQN,SAAUA,GAChB,kBAACV,EAAD,KACE,0BAAMiB,UAAU,cACd,0BAAMA,UAAU,SAAhB,KACA,kBAAC,OAAD,CAAMC,GAAG,aAAT,iBAGF,kBAACf,EAAD,KACE,wBAAIc,UAAU,gBAAgBH,GAC9B,uBAAGG,UAAU,YACX,8BACG,IAAIE,KAAKJ,GAAMK,mBAAmB,QAAS,CAC1CC,KAAM,UACNC,MAAO,OACPC,IAAK,aAGT,qCACCP,GACCA,EAAKQ,OAAS,GACdR,EAAKS,KAAI,SAACC,EAAKC,GAAN,OACP,kBAAC,OAAD,CAAMC,IAAKD,EAAGT,GAAE,kBAAoBW,IAAUH,GAA9B,IAAuCT,UAAU,OAAjE,IACIS,QAMZ,kBAACrB,EAAD,CAAmByB,wBAAyB,CAAEC,OAAQlB,QAavD,IAAMmB,EAAS","file":"component---src-templates-post-js-6ea5a503b782b91116ad.js","sourcesContent":["import React from 'react';\nimport { graphql, Link } from 'gatsby';\nimport kebabCase from 'lodash/kebabCase';\nimport PropTypes from 'prop-types';\nimport { Layout } from '@components';\nimport styled from 'styled-components';\nimport { Main, theme } from '@styles';\nconst { colors } = theme;\n\nconst StyledPostContainer = styled(Main)`\n  max-width: 1000px;\n`;\nconst StyledPostHeader = styled.header`\n  margin-bottom: 50px;\n  .tag {\n    margin-right: 10px;\n  }\n`;\nconst StyledPostContent = styled.div`\n  margin-bottom: 100px;\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 2em 0 1em;\n  }\n\n  p {\n    margin: 1em 0;\n    line-height: 1.5;\n    color: ${colors.lightSlate};\n  }\n`;\n\nconst PostTemplate = ({ data, location }) => {\n  const { frontmatter, html } = data.markdownRemark;\n  const { title, date, tags } = frontmatter;\n\n  return (\n    <Layout location={location}>\n      <StyledPostContainer>\n        <span className=\"breadcrumb\">\n          <span className=\"arrow\">&larr;</span>\n          <Link to=\"/pensieve\">All memories</Link>\n        </span>\n\n        <StyledPostHeader>\n          <h1 className=\"medium-title\">{title}</h1>\n          <p className=\"subtitle\">\n            <time>\n              {new Date(date).toLocaleDateString('en-US', {\n                year: 'numeric',\n                month: 'long',\n                day: 'numeric',\n              })}\n            </time>\n            <span>&nbsp;&mdash;&nbsp;</span>\n            {tags &&\n              tags.length > 0 &&\n              tags.map((tag, i) => (\n                <Link key={i} to={`/pensieve/tags/${kebabCase(tag)}/`} className=\"tag\">\n                  #{tag}\n                </Link>\n              ))}\n          </p>\n        </StyledPostHeader>\n\n        <StyledPostContent dangerouslySetInnerHTML={{ __html: html }} />\n      </StyledPostContainer>\n    </Layout>\n  );\n};\n\nexport default PostTemplate;\n\nPostTemplate.propTypes = {\n  data: PropTypes.object,\n  location: PropTypes.object,\n};\n\nexport const pageQuery = graphql`\n  query($path: String!) {\n    markdownRemark(frontmatter: { slug: { eq: $path } }) {\n      html\n      frontmatter {\n        title\n        description\n        date\n        slug\n        tags\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}