component---src-templates-blog-post-js-1650f1095f8c4ff4cdb9.js.map

{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["post","data","nodeArticle","title","Date","created","style","maxWidth","marginBottom","width","fluid","relationships","field_image","localFile","childImageSharp","dangerouslySetInnerHTML","__html","body","value","query"],"mappings":"2FAAA,uGAKe,sBAAe,IACtBA,EADqB,EAAXC,KACEC,YAClB,OACE,kBAAC,IAAD,KACE,6BACE,4BAAMF,EAAKG,OACX,+BAAO,4BAAMC,KAAKJ,EAAKK,WACvB,yBAAKC,MAAO,CAAEC,SAAS,QAAUC,aAAa,UAAYC,MAAM,SAC9D,kBAAC,IAAD,CAAKC,MAAQV,EAAKW,cAAcC,YAAYC,UAAUC,gBAAgBJ,SAExE,yBAAKK,wBAAyB,CAAEC,OAAQhB,EAAKiB,KAAKC,YAMnD,IAAMC,EAAK","file":"component---src-templates-blog-post-js-1650f1095f8c4ff4cdb9.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport Img from 'gatsby-image'\n\nexport default ({ data }) => {\n  const post = data.nodeArticle\n  return (\n    <Layout>\n      <div>\n        <h1>{ post.title }</h1>\n        <small><em>{ Date(post.created) }</em></small>\n        <div style={{ maxWidth: `900px`, marginBottom: `1.45rem`, width: `100%` }}>\n          <Img fluid={ post.relationships.field_image.localFile.childImageSharp.fluid } />\n        </div>\n        <div dangerouslySetInnerHTML={{ __html: post.body.value }}></div>\n      </div>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($id: String!) {\n    nodeArticle(id: { eq: $id }) {\n      title\n      body {\n        value\n      }\n      created\n      relationships {\n        field_image {\n          localFile {\n            childImageSharp {\n              fluid(maxWidth: 400, quality: 100) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`"],"sourceRoot":""}