{"version":3,"sources":["webpack:///./src/templates/post.tsx"],"names":["PostBody","blogPost","hero_image","title","published_date","content","momentDate","_meta","moment","format","className","bgImage","url","strength","style","height","maxHeight","text","href","RichText","render","doc","data","prismic","allNewss","edges","slice","pop","node","query"],"mappings":"gOAQMA,EAAW,SAAC,GAAiB,IAAfC,EAAe,EAAfA,SACVC,EAAsDD,EAAtDC,WAAYC,EAA0CF,EAA1CE,MAAOC,EAAmCH,EAAnCG,eAAgBC,EAAmBJ,EAAnBI,QACrCC,GADwDL,EAAVM,MACjCC,IAAOJ,GAAgBK,OAAO,cACjD,OACE,sBAAKC,UAAU,oBAAf,UACI,cAAC,WAAD,CAAUA,UAAU,cAAcC,QAAST,EAAWU,IAAKC,SAAU,IAArE,SACI,sBAAKC,MAAO,CAACC,OAAQ,QAASC,UAAW,SAAzC,UACI,qBAAKN,UAAU,wBACf,oBAAIA,UAAU,0BAAd,SAAyCP,EAAQA,EAAM,GAAGc,KAAO,UAGzE,sBAAKP,UAAU,YAAf,UAEI,sBAAKA,UAAU,iBAAf,oBACUJ,EADV,OAKA,mBAAGY,KAAK,QAAR,wBAEJ,qBAAKR,UAAU,YAAf,SACIS,WAASC,OAAOf,OAjBgB,IAuB7B,sBAAc,IAErBgB,EAFqB,EAAXC,KAECC,QAAQC,SAASC,MAAMC,MAAM,EAAE,GAAGC,MACnD,OAAIN,EAGF,cAAC,IAAD,UACE,qBAAKX,UAAU,mBAAf,SACE,cAACV,EAAD,CAAUC,SAAWoB,EAAIO,WALf,MAYX,IAAMC,EAAQ","file":"component---src-templates-post-tsx-39230252e3996b74e2fc.js","sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport { Parallax } from \"react-parallax\";\nimport { RichText } from \"prismic-reactjs\";\nimport Layout from \"../components/layouts\";\nimport moment from \"moment\";\n\n// Display the title, date, and content of the Post\nconst PostBody = ({ blogPost }) => {\n  const { hero_image, title, published_date, content, _meta } = blogPost;\n  const momentDate = moment(published_date).format(\"MMM Do YY\");\n  return (\n    <div className=\"news-detail-inner\" key={1}>\n        <Parallax className=\"page-header\" bgImage={hero_image.url} strength={400}>\n            <div style={{height: '100vh', maxHeight: '550px'}}>\n                <div className=\"page-header-overlay\" />\n                <h1 className=\"page-header-title white\">{title ? title[0].text : \"\"}</h1>\n            </div>\n        </Parallax>\n        <div className=\"news-info\">\n            \n            <div className=\"news-info-date\">\n              Posted {momentDate}. \n              {/* {_meta.tags.length ? `Tags: ${_meta.tags.map((tag) => `#${tag} `)}` : null} */}\n            </div>\n            \n            <a href=\"/news\">Go back</a>\n        </div>\n        <div className=\"news-body\">\n          { RichText.render(content) }\n        </div>\n    </div>\n  );\n}\n\nexport default ({ data }) => {\n  // Define the Post content returned from Prismic\n  const doc = data.prismic.allNewss.edges.slice(0,1).pop();\n  if(!doc) return null;\n\n  return(\n    <Layout>\n      <div className=\"news-detail-page\">\n        <PostBody blogPost={ doc.node } />\n      </div>\n    </Layout>\n  )\n}\n\n// Query for the Blog Post content in Prismic\nexport const query = graphql`\nquery BlogPostQuery($uid: String) {\n  prismic{\n    allNewss(uid: $uid){\n      edges {\n        node {\n          content\n          hero_image\n          published_date\n          title\n          _meta {\n            uid\n            tags\n          }\n        }\n      }\n    }\n  }\n}\n`\n"],"sourceRoot":""}