{"version":3,"file":"component---src-templates-tags-js-9e5c48bf7117a34ba1c0.js","mappings":"wLAgBA,MAAMA,EAAU,CACdC,MAAO,CAAC,QACRC,OAAQ,CAAC,OAAQ,QACjBC,MAAO,CAAC,OAAQ,OAAQ,OAAQ,QAChCC,OAAQ,CAAC,OAAQ,OAAQ,OAAQ,SAG7BC,EAAO,CACXJ,MAAO,CAAC,OAAQ,OAAQ,QACxBC,OAAQ,CAAC,OAAQ,QACjBC,MAAO,CAAC,QACRC,OAAQ,CAAC,SA0EX,UAvEaE,IAA4B,IAA3B,YAAEC,EAAW,KAAEC,GAAMF,EACjC,MAAM,IAAEG,GAAQF,EAEVG,GADeC,EAAAA,EAAAA,KACUC,OACzB,MAAEC,EAAK,WAAEC,GAAeN,EAAKO,kBAC7BC,EAAeF,EAAU,SACd,IAAfA,EAAmB,GAAK,KAAG,iBACZL,EAAG,IAEpB,OACEQ,EAAAA,cAACC,EAAAA,GAAM,CAACN,MAAOF,GACbO,EAAAA,cAACE,EAAAA,GAAG,CAACP,MAAM,SACXK,EAAAA,cAACG,EAAAA,EAAG,CAACC,IAAI,UACPJ,EAAAA,cAACK,EAAAA,GAAa,CAACV,MAAOI,EAAWO,MAAM,UACrCN,EAAAA,cAACO,EAAAA,GAAc,CAACC,IAAI,QAAQpB,KAAMA,EAAML,QAASA,GAC9Ca,EAAMa,KACJC,GACkB,MAAjBA,EAASC,KACPX,EAAAA,cAACY,EAAAA,GAAQ,CACPC,IAAKH,EAASI,KAAKC,OAAOC,KAC1BF,KAAMJ,EAASI,UAKzBd,EAAAA,cAACG,EAAAA,EAAG,CAACc,UAAU,SACbjB,EAAAA,cAACkB,EAAAA,GAAU,CACTC,KAAMnB,EAAAA,cAACoB,EAAAA,EAAgB,MACvBC,MAAM,sBACNC,GAAG,aAKJ,C","sources":["webpack://hpe-dev-portal/./src/templates/tags.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Box } from 'grommet';\nimport { FormPreviousLink } from 'grommet-icons';\nimport { graphql } from 'gatsby';\nimport {\n  BlogCard,\n  Layout,\n  SEO,\n  SectionHeader,\n  ResponsiveGrid,\n  ButtonLink,\n} from '../components';\nimport { useSiteMetadata } from '../hooks/use-site-metadata';\n\nconst columns = {\n  small: ['auto'],\n  medium: ['auto', 'auto'],\n  large: ['auto', 'auto', 'auto', 'auto'],\n  xlarge: ['auto', 'auto', 'auto', 'auto'],\n};\n\nconst rows = {\n  small: ['auto', 'auto', 'auto'],\n  medium: ['auto', 'auto'],\n  large: ['auto'],\n  xlarge: ['auto'],\n};\n\nconst Tags = ({ pageContext, data }) => {\n  const { tag } = pageContext;\n  const siteMetadata = useSiteMetadata();\n  const siteTitle = siteMetadata.title;\n  const { edges, totalCount } = data.allMarkdownRemark;\n  const tagHeader = `${totalCount} post${\n    totalCount === 1 ? '' : 's'\n  } tagged with \"${tag}\"`;\n\n  return (\n    <Layout title={siteTitle}>\n      <SEO title=\"Tags\" />\n      <Box pad=\"xlarge\">\n        <SectionHeader title={tagHeader} color=\"yellow\">\n          <ResponsiveGrid gap=\"large\" rows={rows} columns={columns}>\n            {edges.map(\n              (blogPost) =>\n                blogPost.url !== '/' && (\n                  <BlogCard\n                    key={blogPost.node.fields.slug}\n                    node={blogPost.node}\n                  />\n                ),\n            )}\n          </ResponsiveGrid>\n          <Box alignSelf=\"start\">\n            <ButtonLink\n              icon={<FormPreviousLink />}\n              label=\"Go to All tags Page\"\n              to=\"/tags\"\n            />\n          </Box>\n        </SectionHeader>\n      </Box>\n    </Layout>\n  );\n};\n\nTags.propTypes = {\n  pageContext: PropTypes.shape({\n    tag: PropTypes.string.isRequired,\n  }),\n  data: PropTypes.shape({\n    site: PropTypes.shape({\n      siteMetadata: PropTypes.shape({\n        title: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n    allMarkdownRemark: PropTypes.shape({\n      totalCount: PropTypes.number.isRequired,\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              author: PropTypes.string,\n              date: PropTypes.string,\n              authorimage: PropTypes.string,\n            }),\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n              sourceInstanceName: PropTypes.string.isRequired,\n            }),\n            excerpt: PropTypes.string.isRequired,\n          }),\n        }).isRequired,\n      ),\n    }),\n  }),\n};\n\nexport default Tags;\n\nexport const pageQuery = graphql`\n  query($tagRE: String) {\n    site {\n      siteMetadata {\n        title\n        author\n      }\n    }\n    allMarkdownRemark(\n      limit: 2000\n      sort: {frontmatter: {date: DESC}}\n      filter: {\n        frontmatter: { tags: { regex: $tagRE }, disable: { ne: true } }\n      }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n            sourceInstanceName\n          }\n          frontmatter {\n            title\n            author\n            date\n            externalLink\n            authorimage\n          }\n          excerpt\n        }\n      }\n    }\n  }\n`;\n"],"names":["columns","small","medium","large","xlarge","rows","_ref","pageContext","data","tag","siteTitle","useSiteMetadata","title","edges","totalCount","allMarkdownRemark","tagHeader","React","Layout","SEO","Box","pad","SectionHeader","color","ResponsiveGrid","gap","map","blogPost","url","BlogCard","key","node","fields","slug","alignSelf","ButtonLink","icon","FormPreviousLink","label","to"],"sourceRoot":""}