component---src-pages-blog-index-jsx-7060ed02cdf139a16362.js.map

{"version":3,"sources":["webpack:///./src/pages/blog/index.jsx"],"names":["Blog","data","className","title","description","path","gutter","allMarkdownRemark","edges","map","val","key","xs","sm","md","lg"],"mappings":"oPA4EeA,UAlEF,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACX,uBAAQC,UAAU,gBAChB,uBAAQA,UAAU,aAChB,kBAAC,IAAD,MACA,kBAAC,IAAD,CACEC,MAAM,WACNC,YAAY,qOAGZC,KAAK,SAEP,kBAAC,IAAD,KACE,yBAAKH,UAAU,kBACb,wBAAIA,UAAU,iBAAd,SAEF,uBAAKI,OAAQ,CAAC,GAAI,KAEdL,EAAKM,mBAAqBN,EAAKM,kBAAkBC,MAAMC,KAAI,SAACC,EAAKC,GAAN,OAEzD,uBAAKA,IAAKA,EAAKC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GACzC,kBAAC,IAAD,CAAUd,KAAMS","file":"component---src-pages-blog-index-jsx-7060ed02cdf139a16362.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport { Layout, Row, Col } from 'antd';\nimport Header from '../../components/PageLayout/Header';\n\nimport SidebarWrapper from '../../components/PageLayout/Sidebar';\nimport PostCard from '../../components/PostCard';\nimport SEO from '../../components/Seo';\n\nconst Blog = ({ data }) => (\n  <Layout className=\"outerPadding\">\n    <Layout className=\"container\">\n      <Header />\n      <SEO\n        title=\"Projects\"\n        description=\"I like blogging about various web technologies and other stuff related to\n          javascript and other trends like graphql, prisma etc. This blog expresses my views of various technologies\n          and scenarios I have come across in realtime.\"\n        path=\"blog\"\n      />\n      <SidebarWrapper>\n        <div className=\"marginTopTitle\">\n          <h1 className=\"titleSeparate\">Blog</h1>\n        </div>\n        <Row gutter={[20, 20]}>\n          {\n            data.allMarkdownRemark && data.allMarkdownRemark.edges.map((val, key) => (\n              // eslint-disable-next-line react/no-array-index-key\n              <Col key={key} xs={24} sm={24} md={12} lg={8}>\n                <PostCard data={val} />\n              </Col>\n            ))\n          }\n        </Row>\n      </SidebarWrapper>\n    </Layout>\n  </Layout>\n);\n\nBlog.propTypes = {\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.arrayOf(PropTypes.object.isRequired).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport const query = graphql`\n  {\n    allMarkdownRemark(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { fileAbsolutePath: { regex: \"/index.md$/\" } }\n    ) {\n      edges {\n        node {\n          frontmatter {\n            date\n            path\n            title\n            tags\n            excerpt\n            cover {\n              childImageSharp {\n                fluid(maxWidth: 288) {\n                  ...GatsbyImageSharpFluid_tracedSVG\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Blog;\n"],"sourceRoot":""}