component---src-pages-index-jsx-d2455a839601b93f1fcc.js.map

{"version":3,"sources":["webpack:///./src/pages/index.jsx"],"names":["pageQuery","BlogIndex","posts","data","allMdx","edges","title","map","post","node","key","id","to","fields","slug","frontmatter","excerpt"],"mappings":"2FAAA,+G,uUA0BaA,EAAS,aA4BPC,UAhDG,SAAC,GAAc,IAChBC,EADe,EAAXC,KACWC,OAAtBC,MAER,OACE,YAAC,IAAD,KACE,uCACA,YAAC,YAAD,CAAWC,MAAM,sBACjB,0BACCJ,EAAMK,KAAI,gBAASC,EAAT,EAAGC,KAAH,OACT,uBAASC,IAAKF,EAAKG,IACjB,YAAC,IAAD,OAA2BC,GAAIJ,EAAKK,OAAOC,MACzC,yBAA2CN,EAAKO,YAAYT,OAAO,aAErE,qBAAIE,EAAKQ","file":"component---src-pages-index-jsx-d2455a839601b93f1fcc.js","sourcesContent":["import React from \"react\";\nimport tw from \"twin.macro\";\nimport { Link, graphql } from \"gatsby\";\nimport { GatsbySeo } from 'gatsby-plugin-next-seo';\nimport Layout from \"../components/layout.jsx\";\n\nconst BlogIndex = ({ data }) => {\n  const { edges: posts } = data.allMdx;\n\n  return (\n    <Layout>\n      <h1 tw=\"text-2xl leading-10 font-bold mt-6\">Blog posts</h1>\n      <GatsbySeo title=\"Richard blog home\"/>\n      <hr tw=\"border my-2\" />\n      {posts.map(({ node: post }) => (\n        <article key={post.id}>\n          <Link tw=\"text-blue-ocean\" to={post.fields.slug}>\n            <h2 tw=\"text-xl leading-9 font-bold mt-5\">{post.frontmatter.title||'Untitled'}</h2>\n          </Link>\n          <p>{post.excerpt}</p>\n        </article>\n      ))}\n    </Layout>\n  );\n};\n\nexport const pageQuery = graphql`\n  query postIndex {\n    allMdx(\n      sort: {\n        fields: [frontmatter___date]\n        order: DESC\n      },\n      filter: {\n        frontmatter: {tags: {nin: \"draft\"}}\n      }\n    ) {\n      edges {\n        node {\n          id\n          excerpt\n          frontmatter {\n            title\n            date\n          }\n          fields {\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default BlogIndex;\n"],"sourceRoot":""}