component---src-templates-categories-list-template-js-730b29a68a5306dc4071.js.map

{"version":3,"sources":["webpack:///./src/templates/categories-list-template.js"],"names":["CategoriesListTemplate","useSiteMetadata","title","subtitle","categories","useCategoriesList","description","map","category","key","fieldValue","to","kebabCase","totalCount"],"mappings":"2FACA,iHA8BeA,UAtBgB,WAAO,IAAD,EACPC,cAApBC,EAD2B,EAC3BA,MAAOC,EADoB,EACpBA,SACTC,EAAaC,cAEnB,OACE,kBAAC,IAAD,CAAQH,MAAK,gBAAkBA,EAASI,YAAaH,GACnD,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAMD,MAAM,cACV,4BACGE,EAAWG,KAAI,SAACC,GAAD,OACd,wBAAIC,IAAKD,EAASE,YAChB,kBAAC,OAAD,CAAMC,GAAE,aAAeC,IAAUJ,EAASE,YAAlC,KACLF,EAASE,WADZ,KAC0BF,EAASK,WADnC","file":"component---src-templates-categories-list-template-js-730b29a68a5306dc4071.js","sourcesContent":["// @flow strict\nimport React from 'react';\nimport { Link } from 'gatsby';\nimport kebabCase from 'lodash/kebabCase';\nimport Sidebar from '../components/Sidebar';\nimport Layout from '../components/Layout';\nimport Page from '../components/Page';\nimport { useSiteMetadata, useCategoriesList } from '../hooks';\n\nconst CategoriesListTemplate = () => {\n  const { title, subtitle } = useSiteMetadata();\n  const categories = useCategoriesList();\n\n  return (\n    <Layout title={`Categories - ${title}`} description={subtitle}>\n      <Sidebar />\n      <Page title=\"Categories\">\n        <ul>\n          {categories.map((category) => (\n            <li key={category.fieldValue}>\n              <Link to={`/category/${kebabCase(category.fieldValue)}/`}>\n                {category.fieldValue} ({category.totalCount})\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </Page>\n    </Layout>\n  );\n};\n\nexport default CategoriesListTemplate;\n"],"sourceRoot":""}