{"version":3,"file":"component---src-templates-post-all-js.js","mappings":"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","sources":["webpack://moonclerk/./src/templates/postAll.js"],"sourcesContent":["import React from \"react\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { graphql } from \"gatsby\"\nimport styled from \"styled-components\"\nimport SEO from \"@utils/seo\"\n\nimport Link from \"@atoms/link\"\nimport { Section, Container, Flex, Column } from \"@atoms/layout\"\nimport { Heading } from \"@atoms/typography\"\nimport CardPost from \"@molecules/cards/post\"\nimport NavBlog from \"@molecules/navBlog\"\nimport Pagination from \"@molecules/pagination\"\nimport Date from \"@utils/date\"\nimport Layout from \"@utils/layout\"\n\nconst BlogPage = ({ data, pageContext }) => {\n  const { posts } = data.body\n  const post = data.header\n\n  return (\n    <Layout>\n      <SEO title=\"Blog\" />\n      <div data-datocms-noindex>\n        <NavBlog />\n        {pageContext.currentPage === 1 && (\n          <Section lg xlTop>\n            <Link to={`/${post.nodes[0].slug}`}>\n              <Container>\n                <Flex rowReverse alignCenter>\n                  <Column half>\n                    <Image>\n                      {post.nodes[0].featuredImage && (\n                        <GatsbyImage\n                          image={post.nodes[0].featuredImage.gatsbyImageData}\n                          alt={post.nodes[0].featuredImage.alt}\n                          title={post.nodes[0].featuredImage.title}\n                        />\n                      )}\n                    </Image>\n                  </Column>\n                  <Column half>\n                    <PostDate html=\"h6\" level=\"sh\" strong lightGray>\n                      <Date date={post.nodes[0].meta.firstPublishedAt} />\n                    </PostDate>\n                    <Title html=\"h1\" level=\"h1\">\n                      {post.nodes[0].title}\n                    </Title>\n                    <SubContent>\n                      <Category html=\"h6\" level=\"sh\" strong aqua>\n                        {post.nodes[0].category.title}\n                      </Category>\n                      <Heading html=\"h6\" level=\"sh\" strong lightGray>\n                        {post.nodes[0].author.name}\n                      </Heading>\n                    </SubContent>\n                  </Column>\n                </Flex>\n              </Container>\n            </Link>\n          </Section>\n        )}\n\n        <Section light lg mdTop>\n          <Container xxs>\n            <Heading html=\"h6\" level=\"sh\" strong lightGray>\n              Recent Posts\n            </Heading>\n          </Container>\n          <Container>\n            <Flex>\n              {posts.map((post, index) => (\n                <PostColumn cards key={index}>\n                  <CardPost post={post} />\n                </PostColumn>\n              ))}\n            </Flex>\n          </Container>\n          <Container smTop>\n            <Pagination pageContext={pageContext} />\n          </Container>\n        </Section>\n      </div>\n    </Layout>\n  )\n}\n\nexport default BlogPage\n\nexport const fetchBlog = graphql`\n  query fetchBlog($skip: Int!, $limit: Int!) {\n    header: allDatoCmsPost(\n      limit: 1\n      sort: { fields: date, order: DESC }\n      filter: { meta: { status: { in: [\"published\", \"updated\"] } } }\n    ) {\n      nodes {\n        author {\n          name\n          avatar {\n            alt\n            title\n            gatsbyImageData(\n              width: 56\n              layout: CONSTRAINED\n              placeholder: BLURRED\n              forceBlurhash: false\n              imgixParams: { fm: \"webp, png\", auto: \"compress\", q: 90 }\n            )\n            alt\n          }\n        }\n        category {\n          title\n          slug\n        }\n        content\n        featuredImage {\n          alt\n          title\n          gatsbyImageData(\n            width: 800\n            layout: CONSTRAINED\n            placeholder: BLURRED\n            forceBlurhash: false\n            imgixParams: { fm: \"webp, png\", auto: \"compress\", q: 90 }\n          )\n          alt\n        }\n        id\n        slug\n        title\n        date\n        meta {\n          firstPublishedAt\n        }\n      }\n    }\n    body: allDatoCmsPost(\n      limit: $limit\n      skip: $skip\n      sort: { fields: date, order: DESC }\n      filter: { meta: { status: { in: [\"published\", \"updated\"] } } }\n    ) {\n      posts: nodes {\n        author {\n          name\n          avatar {\n            alt\n            title\n            gatsbyImageData(\n              width: 56\n              layout: CONSTRAINED\n              placeholder: BLURRED\n              forceBlurhash: false\n              imgixParams: { fm: \"webp, png\", auto: \"compress\", q: 90 }\n            )\n          }\n        }\n        category {\n          title\n          slug\n        }\n        content\n        featuredImage {\n          alt\n          title\n          gatsbyImageData(\n            width: 480\n            layout: CONSTRAINED\n            placeholder: BLURRED\n            forceBlurhash: false\n            imgixParams: { fm: \"webp, png\", auto: \"compress\", q: 90 }\n          )\n        }\n        id\n        slug\n        title\n        date\n        meta {\n          firstPublishedAt\n        }\n      }\n    }\n  }\n`\n\nconst PostColumn = styled(Column)`\n  padding-bottom: var(--spacing--sm);\n`\n\nconst Image = styled.div`\n  border-radius: 0.25rem;\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n\n  &:before {\n    display: block;\n    content: \"\";\n    width: 100%;\n    padding-top: calc((8 / 17) * 100%);\n  }\n\n  .gatsby-image-wrapper {\n    left: 0;\n    position: absolute !important;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst SubContent = styled.div`\n  display: flex;\n`\n\nconst PostDate = styled(Heading)`\n  margin-bottom: 1rem;\n`\n\nconst Title = styled(Heading)`\n  padding-bottom: 1.5rem;\n`\n\nconst Category = styled(Heading)`\n  padding-right: 1rem;\n`\n"],"names":["_ref","data","pageContext","posts","body","post","header","React","Layout","SEO","title","NavBlog","currentPage","Section","lg","xlTop","Link","to","nodes","slug","Container","Flex","rowReverse","alignCenter","Column","half","Image","featuredImage","GatsbyImage","image","gatsbyImageData","alt","PostDate","html","level","strong","lightGray","Date","date","meta","firstPublishedAt","Title","SubContent","Category","aqua","category","Heading","author","name","light","mdTop","xxs","map","index","PostColumn","cards","key","CardPost","smTop","Pagination","styled","withConfig","displayName","componentId","div"],"sourceRoot":""}