component---src-pages-tags-index-jsx-12c92470a737b3126e66.js.map

{"version":3,"sources":["webpack:///./src/components/TagCard/tags.module.less","webpack:///./src/components/TagCard/index.jsx","webpack:///./src/pages/tags/index.jsx"],"names":["module","exports","TagCard","props","img","name","description","color","tagPage","Config","pages","tag","className","style","tagCard","to","Utils","resolvePageUrl","tagImg","backgroundImage","pd20px","Tags","data","edges","allFile","rawTags","allMarkdownRemark","map","edge","node","frontmatter","tags","reduce","prev","curr","concat","filter","index","indexOf","sort","tagData","Header","title","path","Sidebar","gutter","val","key","xs","sm","md","lg","childImageSharp","fluid","src"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,QAAU,8BAA8B,OAAS,6BAA6B,OAAS,+B,6QCmC1FC,EA9BC,SAACC,GACf,IACEC,EACED,EADFC,IAAKC,EACHF,EADGE,KAAMC,EACTH,EADSG,YAAaC,EACtBJ,EADsBI,MAEpBC,EAAUC,IAAOC,MAAMC,IAC7B,OACE,kBAAC,OAAD,CAAMC,UAAWC,IAAMC,QAASC,GAAIC,IAAMC,eAAeT,EAASH,IAChE,yBAAKO,UAAWC,IAAMC,SACpB,yBACEF,UAAWC,IAAMK,OACjBL,MAAO,CACLM,gBAAgB,OAAQf,EAAT,OAGnB,yBAAKQ,UAAWC,IAAMO,QACpB,yBAAKR,UAAU,cACb,wBAAIC,MAAO,CAAEN,MAAM,GAAIA,IAAvB,IAEGF,IAGL,2BACGC,OCqFEe,UApGF,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACKC,EAAYD,EAAvBE,QAAWD,MACbE,EAAUH,EAAKI,kBAAkBH,MACpCI,KAAI,SAACC,GAAD,OAAUA,EAAKC,KAAKC,YAAYC,QACpCC,QAAO,SAACC,EAAMC,GAAP,OAAgBD,EAAKE,OAAOD,MACtCT,EACGW,QAAO,SAACzB,EAAK0B,GAAN,OAAgBA,IAAUZ,EAAQa,QAAQ3B,MACjD4B,OAEH,IAAMC,EAAU/B,IAAOsB,KACvB,OACE,uBAAQnB,UAAU,gBAChB,uBAAQA,UAAU,aAChB,kBAAC6B,EAAA,EAAD,MACA,kBAAC,IAAD,CACEC,MAAM,OACNpC,YAAY,kLAEZqC,KAAK,SAEP,kBAACC,EAAA,EAAD,KACE,oCACE,yBAAKhC,UAAU,kBACb,wBAAIA,UAAU,iBAAd,UAEF,uBAAKiC,OAAQ,CAAC,GAAI,KAEdtB,EAAMI,KAAI,SAACmB,GAAD,OACR,uBAAKC,IAAKD,EAAIjB,KAAKxB,KAAM2C,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GACnD,kBAAC,EAAD,CACE/C,IAAK0C,EAAIjB,KAAKuB,gBAAgBC,MAAMC,IACpCjD,KAAMyC,EAAIjB,KAAKxB,KACfC,YAAakC,EAAQM,EAAIjB,KAAKxB,MAAMC,YACpCC,MAAOiC,EAAQM,EAAIjB,KAAKxB,MAAME","file":"component---src-pages-tags-index-jsx-12c92470a737b3126e66.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"tagCard\":\"tags-module--tagCard--2sNqZ\",\"tagImg\":\"tags-module--tagImg--21WVr\",\"pd20px\":\"tags-module--pd20px--1m4en\"};","import React from 'react';\nimport { Link } from 'gatsby';\nimport Config from '../../../config';\nimport Utils from '../../utils/pageUtils';\nimport style from './tags.module.less';\n\nconst TagCard = (props) => {\n  const {\n    img, name, description, color,\n  } = props;\n  const tagPage = Config.pages.tag;\n  return (\n    <Link className={style.tagCard} to={Utils.resolvePageUrl(tagPage, name)}>\n      <div className={style.tagCard}>\n        <div\n          className={style.tagImg}\n          style={{\n            backgroundImage: `url(${img})`,\n          }}\n        />\n        <div className={style.pd20px}>\n          <div className=\"textCenter\">\n            <h4 style={{ color: `${color}` }}>\n              #\n              {name}\n            </h4>\n          </div>\n          <p>\n            {description}\n          </p>\n        </div>\n      </div>\n    </Link>\n  );\n};\n\nexport default TagCard;\n","/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport {\n  Layout, Row, Col,\n} from 'antd';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport Header from '../../components/PageLayout/Header';\nimport SEO from '../../components/Seo';\nimport SidebarWrapper from '../../components/PageLayout/Sidebar';\nimport TagCard from '../../components/TagCard';\nimport Config from '../../../config';\n\nconst Tags = ({ data }) => {\n  const { allFile: { edges } } = data;\n  const rawTags = data.allMarkdownRemark.edges\n    .map((edge) => edge.node.frontmatter.tags)\n    .reduce((prev, curr) => prev.concat(curr));\n  rawTags\n    .filter((tag, index) => index === rawTags.indexOf(tag))\n    .sort(); // Remove duplicates and sort values\n  // const tagPage = Config.pages.tag;\n  const tagData = Config.tags;\n  return (\n    <Layout className=\"outerPadding\">\n      <Layout className=\"container\">\n        <Header />\n        <SEO\n          title=\"Tags\"\n          description=\"This page consists of various Tags on various technologies that I'll be using\n          to write blogs. You can check the blogs related to the tags by clicking on any of the tags below.\"\n          path=\"tags\"\n        />\n        <SidebarWrapper>\n          <>\n            <div className=\"marginTopTitle\">\n              <h1 className=\"titleSeparate\">#Tags</h1>\n            </div>\n            <Row gutter={[30, 20]}>\n              {\n                edges.map((val) => (\n                  <Col key={val.node.name} xs={24} sm={24} md={12} lg={8}>\n                    <TagCard\n                      img={val.node.childImageSharp.fluid.src}\n                      name={val.node.name}\n                      description={tagData[val.node.name].description}\n                      color={tagData[val.node.name].color}\n                    />\n                  </Col>\n                ))\n              }\n            </Row>\n          </>\n        </SidebarWrapper>\n      </Layout>\n    </Layout>\n  );\n};\n\nTags.propTypes = {\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n              tags: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,\n            }).isRequired,\n          }).isRequired,\n        }).isRequired,\n      ).isRequired,\n    }).isRequired,\n    allFile: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            name: PropTypes.string.isRequired,\n            childImageSharp: PropTypes.shape({\n              fluid: PropTypes.object.isRequired,\n            }).isRequired,\n          }).isRequired,\n        }).isRequired,\n      ).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport const query = graphql`\n  {\n    allMarkdownRemark(filter: { fileAbsolutePath: { regex: \"/index.md$/\" } }) {\n      edges {\n        node {\n          frontmatter {\n            tags\n          }\n        }\n      }\n    }\n    allFile(filter: { relativeDirectory: { eq: \"tags\" } }) {\n      edges {\n        node {\n          name\n          childImageSharp {\n            fluid(maxWidth: 400) {\n              ...GatsbyImageSharpFluid_tracedSVG\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Tags;\n"],"sourceRoot":""}