{"version":3,"sources":["webpack://pydyniak-com-blog/./src/templates/PageTemplate.js"],"names":["ArticleHeaderWrapper","styled","ArticleHeaderTitle","ArticleHeaderMeta","ArticleHeader","node","className","frontmatter","title","type","getTranslation","date","ArticleFooterNav","ArticleFooterNavPrevious","ArticleFooterNavNext","ArticleFooterLinks","previous","next","to","fields","slug","rel","ArticleFooterWrapper","ArticleFooter","categories","map","category","key","style","padding","PageTemplate","pageContext","post","data","markdownRemark","seoTitle","seoDescription","dangerouslySetInnerHTML","__html","html"],"mappings":"mOAOMA,EAAuBC,uBAAH,8EAAGA,CAAH,2CAKpBC,EAAqBD,mBAAH,4EAAGA,CAAH,2BAIlBE,EAAoBF,oBAAH,2EAAGA,CAAH,MAEjBG,EAAgB,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACpB,QAACL,EAAD,CAAsBM,UAAU,iBAC9B,QAACJ,EAAD,KAAqBG,EAAKE,YAAYC,OACX,SAA1BH,EAAKE,YAAYE,OAChB,QAACN,EAAD,MACGO,OAAe,MADlB,qBAC2CL,EAAKE,YAAYI,QAM5DC,EAAmBX,oBAAH,0EAAGA,CAAH,iFAOhBY,EAA2BZ,qBAAH,kFAAGA,CAAH,+CAMxBa,EAAuBb,qBAAH,8EAAGA,CAAH,+DAOpBc,EAAqB,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,KAAb,OACzB,QAACL,EAAD,MACE,QAACC,EAAD,KACGG,IACC,QAAC,IAAD,CAAYE,GAAIF,EAASG,OAAOC,KAAMC,IAAI,SACxC,yBADF,IACkBL,EAAST,YAAYC,SAK3C,QAACM,EAAD,KACGG,IACC,QAAC,IAAD,CAAYC,GAAID,EAAKE,OAAOC,KAAMC,IAAI,QACnCJ,EAAKV,YAAYC,MADpB,KAC2B,6BAO7Bc,EAAuBrB,uBAAH,8EAAGA,CAAH,mCAKpBsB,EAAgB,SAAC,GAAD,IAAGlB,EAAH,EAAGA,KAAMW,EAAT,EAASA,SAAUC,EAAnB,EAAmBA,KAAnB,OACpB,QAACK,EAAD,CAAsBhB,UAAU,eAC7BI,OAAe,cADlB,IACkC,IAC/BL,EAAKE,YAAYiB,WAAWC,KAAI,SAAAC,GAAQ,OACvC,QAAC,IAAD,CACEC,IAAKD,EACLR,GAAI,aAAeQ,EACnBL,IAAK,eACLO,MAAO,CAAEC,QAAS,YAEjBH,OAGL,QAACX,EAAD,CAAoBC,SAAUA,EAAUC,KAAMA,MAInC,SAASa,EAAT,GAA8C,IAAtBC,EAAqB,EAArBA,YAC/BC,EADoD,EAARC,KAChCC,eAClB,OACE,QAAC,IAAD,CACEC,SAAUH,EAAKzB,YAAY4B,SAC3BC,eAAgBJ,EAAKzB,YAAY6B,iBAEjC,wBACE,QAAChC,EAAD,CAAeC,KAAM2B,KACrB,eACE1B,UAAU,gBACV+B,wBAAyB,CAAEC,OAAQN,EAAKO,QAEf,SAA1BP,EAAKzB,YAAYE,OAChB,QAACc,EAAD,CACElB,KAAM2B,EACNhB,SAAUe,EAAYf,SACtBC,KAAMc,EAAYd","file":"component---src-templates-page-template-js-16461f99ff1ea9c2edae.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout/Layout\"\nimport styled from \"styled-components\"\nimport LinkCustom from \"../components/atoms/LinkCustom\"\nimport { getTranslation } from \"../utils/LanguagesUtil\"\n\nconst ArticleHeaderWrapper = styled.header`\n  font-size: 0.75rem;\n  margin-bottom: 1rem;\n`\n\nconst ArticleHeaderTitle = styled.h1`\n  margin-bottom: 0.5rem;\n`\n\nconst ArticleHeaderMeta = styled.div``\n\nconst ArticleHeader = ({ node }) => (\n  <ArticleHeaderWrapper className=\"entry-header\">\n    <ArticleHeaderTitle>{node.frontmatter.title}</ArticleHeaderTitle>\n    {node.frontmatter.type === \"Post\" && (\n      <ArticleHeaderMeta>\n        {getTranslation(\"by\")} Rafał Pydyniak | {node.frontmatter.date}\n      </ArticleHeaderMeta>\n    )}\n  </ArticleHeaderWrapper>\n)\n\nconst ArticleFooterNav = styled.nav`\n  margin-top: 1rem;\n  display: flex;\n  border-top: 1px solid black;\n  padding-top: 0.5rem;\n`\n\nconst ArticleFooterNavPrevious = styled.span`\n  flex: 1;\n  font-size: 1rem;\n  padding-right: 1rem;\n`\n\nconst ArticleFooterNavNext = styled.span`\n  flex: 1;\n  font-size: 1rem;\n  text-align: right;\n  padding-left: 1rem;\n`\n\nconst ArticleFooterLinks = ({ previous, next }) => (\n  <ArticleFooterNav>\n    <ArticleFooterNavPrevious>\n      {previous && (\n        <LinkCustom to={previous.fields.slug} rel=\"prev\">\n          <span>←</span> {previous.frontmatter.title}\n        </LinkCustom>\n      )}\n    </ArticleFooterNavPrevious>\n\n    <ArticleFooterNavNext>\n      {next && (\n        <LinkCustom to={next.fields.slug} rel=\"next\">\n          {next.frontmatter.title} <span>→</span>\n        </LinkCustom>\n      )}\n    </ArticleFooterNavNext>\n  </ArticleFooterNav>\n)\n\nconst ArticleFooterWrapper = styled.footer`\n  clear: both;\n  font-size: 0.75rem;\n`\n\nconst ArticleFooter = ({ node, previous, next }) => (\n  <ArticleFooterWrapper className=\"entry-meta\">\n    {getTranslation(\"categories\")}:{\" \"}\n    {node.frontmatter.categories.map(category => (\n      <LinkCustom\n        key={category}\n        to={\"/category/\" + category}\n        rel={\"category tag\"}\n        style={{ padding: \"0.15rem\" }}\n      >\n        {category}\n      </LinkCustom>\n    ))}\n    <ArticleFooterLinks previous={previous} next={next} />\n  </ArticleFooterWrapper>\n)\n\nexport default function PageTemplate({ pageContext, data }) {\n  const post = data.markdownRemark\n  return (\n    <Layout\n      seoTitle={post.frontmatter.seoTitle}\n      seoDescription={post.frontmatter.seoDescription}\n    >\n      <article>\n        <ArticleHeader node={post} />\n        <div\n          className=\"entry-content\"\n          dangerouslySetInnerHTML={{ __html: post.html }}\n        />\n        {post.frontmatter.type === \"Post\" && (\n          <ArticleFooter\n            node={post}\n            previous={pageContext.previous}\n            next={pageContext.next}\n          />\n        )}\n      </article>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($slug: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      html\n      frontmatter {\n        title\n        date\n        type\n        categories\n        seoTitle\n        seoDescription\n      }\n      excerpt\n    }\n  }\n`\n"],"sourceRoot":""}