component---src-pages-tags-tsx-efecb4f2d096cc17c2e4.js.map

{"version":3,"sources":["webpack:///./src/pages/tags.tsx"],"names":["TagsPage","group","data","allMarkdownRemark","title","className","map","tag","key","fieldValue","text","totalCount"],"mappings":"2FAAA,oEAuCeA,UAnBE,SAAC,GAAD,IAEYC,EAFZ,EACbC,KACIC,kBAAqBF,MAFZ,OAKb,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKG,MAAM,aACX,wCACA,wBAAIC,UAAU,oBACTJ,EAAMK,KAAI,SAACC,GAAD,OACP,kBAAC,IAAD,CACIC,IAAKD,EAAIE,WACTC,KAASH,EAAIE,WAAT,KAAwBF,EAAII,WAA5B","file":"component---src-pages-tags-tsx-efecb4f2d096cc17c2e4.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport { TagButton } from \"../components/TagButton\"\nimport { Layout } from \"../components/Layout\"\nimport { SEO } from \"../components/Seo\"\n\ninterface TagGroup {\n    fieldValue: string;\n    totalCount: number;\n}\n\ninterface TagsPageProps {\n    data: {\n        allMarkdownRemark: {\n            group: TagGroup[]\n        }\n    }\n}\n\nconst TagsPage = ({\n    data: {\n        allMarkdownRemark: { group }\n    }\n}: TagsPageProps) => (\n    <Layout>\n        <SEO title='All Tags' />\n        <h1>All Tags</h1>\n        <ul className='button-container'>\n            {group.map((tag) => (\n                <TagButton\n                    key={tag.fieldValue}\n                    text={`${tag.fieldValue} (${tag.totalCount})`}\n                />\n            ))}\n        </ul>\n    </Layout>\n)\n\nexport default TagsPage\n\nexport const pageQuery = graphql`\n    query TagsQuery {\n        allMarkdownRemark(\n            limit: 100\n        ) {\n            group(field: frontmatter___tags) {\n                fieldValue\n                totalCount\n            }\n        }\n    }\n`\n"],"sourceRoot":""}