{"version":3,"sources":["webpack://ezlunch/./src/components/NewsPage.module.scss","webpack://ezlunch/./src/components/newsPage.tsx"],"names":["blogContent","props","blog","data","strapi","blogs","AppContext","context","currentLocale","locale","currentSlug","slug","Layout","pageSeo","metadata","src","height","width","style","display","visibility","SEO","Section","className","paddingBottom","blogTitle","styles","format","parseISO","published_at","G","image","blogImage","urlSharp","childImageSharp","gatsbyImageData","alt","alternativeText","RichText","text"],"mappings":"gMAGWA,EAAc,sC,iDCqDzB,EA1BsC,SAACC,GACrC,IAAMC,EAAOD,EAAME,KAAKC,OAAOC,MAAM,GAErC,OACE,gBAACC,EAAA,EAAD,CAAoBC,QAAS,CAC3BC,cAAeN,EAAKO,OACpBC,YAAaR,EAAKS,OAElB,gBAACC,EAAA,EAAD,CAAQC,QAASX,EAAKY,UACpB,gCAAU,0BAAQC,IAAI,0DAA0DC,OAAO,IAAIC,MAAM,IAAIC,MAAO,CAAEC,QAAS,OAAQC,WAAY,aAC3I,gBAACC,EAAA,EAAQnB,EAAKY,UACd,gBAACQ,EAAA,EAAD,CAASC,UDxCU,yCCyCjB,uBAAKL,MAAO,CAAEM,cAAgB,SAC5B,uBAAKD,UDzCM,qCCyCwBrB,EAAKuB,WACxC,uBAAKF,UAAWG,IAAqBC,QAAOC,OAAS1B,EAAK2B,cAAe,mBAE3E,gBAAC,EAAAC,EAAD,CAAaP,UD1CA,oCC0C6BQ,MAAO7B,EAAK8B,UAAUC,SAASC,gBAAgBC,gBAAiBC,IAAKlC,EAAK8B,UAAUK,kBAC9H,uBAAKd,UAAWG,GACd,gBAACY,EAAA,EAAD,CAAUC,KAAMrC,EAAKF","file":"component---src-components-news-page-tsx-925b8d7c35645cd1fdeb.js","sourcesContent":["// extracted by mini-css-extract-plugin\nexport var blogContainer = \"NewsPage-module--blogContainer--20EQV\";\nexport var blogTitle = \"NewsPage-module--blogTitle--Bu310\";\nexport var blogContent = \"NewsPage-module--blogContent--1dvCA\";\nexport var blogImage = \"NewsPage-module--blogImage--1-GwN\";\nexport var blogDate = \"NewsPage-module--blogDate--3YG-T\";","import React from \"react\"\r\nimport Layout from \"./layout/Layout\"\r\nimport { IMetadata } from \"../model/IMetadata\"\r\nimport Section from \"./section/Section\"\r\nimport { AppContextProvider } from \"./AppContext\"\r\nimport { graphql } from \"gatsby\"\r\nimport { IStrapiImage } from \"../model/IStrapiImage\"\r\nimport * as styles from \"./NewsPage.module.scss\"\r\nimport { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport { RichText } from \"./RichText\"\r\nimport { format, parseISO } from \"date-fns\"\r\nimport SEO from \"./seo_analytics/SEO\"\r\n\r\ninterface NewsProps {\r\n  data: {\r\n    strapi: {\r\n      blogs: {\r\n        blogTitle: string,\r\n        blogContent: string,\r\n        id: string,\r\n        slug: string,\r\n        published_at: string,\r\n        blogImage: IStrapiImage,\r\n        locale: string,\r\n        metadata: IMetadata\r\n      }[]\r\n    }\r\n  }\r\n}\r\n\r\nconst NewsPage: React.FC<NewsProps> = (props) => {\r\n  const blog = props.data.strapi.blogs[0]\r\n\r\n  return (\r\n    <AppContextProvider context={{\r\n      currentLocale: blog.locale,\r\n      currentSlug: blog.slug\r\n    }}>\r\n      <Layout pageSeo={blog.metadata}>\r\n        <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-P86CV2K\" height=\"0\" width=\"0\" style={{ display: 'none', visibility: 'hidden' }}></iframe></noscript>\r\n        <SEO {...blog.metadata}/>\r\n        <Section className={styles.blogContainer}>\r\n          <div style={{ paddingBottom : \"50px\"}}>\r\n            <div className={styles.blogTitle}>{blog.blogTitle}</div>\r\n            <div className={styles.blogContent}>{format(parseISO(blog.published_at), \"dd MMMM, yyyy\")}</div>\r\n          </div>\r\n          <GatsbyImage className={styles.blogImage} image={blog.blogImage.urlSharp.childImageSharp.gatsbyImageData} alt={blog.blogImage.alternativeText} />\r\n          <div className={styles.blogContent}>\r\n            <RichText text={blog.blogContent} />\r\n          </div>\r\n        </Section>\r\n      </Layout>\r\n    </AppContextProvider>\r\n  )\r\n}\r\n\r\nexport default NewsPage\r\n\r\nexport const query = graphql`\r\nquery($blogId: ID!, $locale: String!) {\r\n  strapi {\r\n    blogs(where: {id: $blogId, _locale: $locale}) {\r\n        blogTitle\r\n        blogContent\r\n        id\r\n        slug\r\n        published_at\r\n        locale\r\n        metadata {\r\n          ...metadataFields\r\n        }\r\n        blogImage {\r\n          url\r\n          urlSharp {\r\n            childImageSharp {\r\n              gatsbyImageData(width: 260, quality: 100)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}