{"version":3,"file":"component---src-templates-index-js-125a764d93a3dca74c5a.js","mappings":"2JA8CA,UA/Bc,SAAC,GAAqC,IAAnCA,EAAkC,EAAlCA,KAAMC,EAA4B,EAA5BA,SAAUC,EAAkB,EAAlBA,YACvBC,EAAQH,EAAKI,aAAaC,MAEhC,OACI,yBACI,QAAC,IAAD,CAAUJ,SAAUA,KACpB,QAAC,KAAD,CAAQK,QAAQ,IACZ,eAAKC,UAAU,cACX,mBAASA,UAAU,aACdJ,EAAMK,KAAI,gBAAGC,EAAH,EAAGA,KAAH,OAEP,QAAC,KAAD,CAAUC,IAAKD,EAAKE,GAAIC,KAAMH,SAGtC,QAAC,KAAD,CAAYP,YAAaA","sources":["webpack://rm3l-org/./src/templates/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\n\nimport { Layout, PostCard, Pagination } from '../components/common'\nimport { MetaData } from '../components/common/meta'\n\n/**\n* Main index page (home page)\n*\n* Loads all posts from Ghost and uses pagination to navigate through them.\n* The number of posts that should appear per page can be setup\n* in /utils/siteConfig.js under `postsPerPage`.\n*\n*/\nconst Index = ({ data, location, pageContext }) => {\n    const posts = data.allGhostPost.edges\n\n    return (\n        <>\n            <MetaData location={location} />\n            <Layout isHome={true}>\n                <div className=\"container\">\n                    <section className=\"post-feed\">\n                        {posts.map(({ node }) => (\n                            // The tag below includes the markup for each post - components/common/PostCard.js\n                            <PostCard key={node.id} post={node} />\n                        ))}\n                    </section>\n                    <Pagination pageContext={pageContext} />\n                </div>\n            </Layout>\n        </>\n    )\n}\n\nIndex.propTypes = {\n    data: PropTypes.shape({\n        allGhostPost: PropTypes.object.isRequired,\n    }).isRequired,\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n    pageContext: PropTypes.object,\n}\n\nexport default Index\n\n// This page query loads all posts sorted descending by published date\n// The `limit` and `skip` values are used for pagination\nexport const pageQuery = graphql`\n  query GhostPostQuery($limit: Int!, $skip: Int!) {\n    allGhostPost(\n        sort: { order: DESC, fields: [published_at] },\n        limit: $limit,\n        skip: $skip\n    ) {\n      edges {\n        node {\n          ...GhostPostFields\n        }\n      }\n    }\n  }\n`\n"],"names":["data","location","pageContext","posts","allGhostPost","edges","isHome","className","map","node","key","id","post"],"sourceRoot":""}