component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-categories-index-tsx-e6b86f58d9bbac1656bf.js.map

{"version":3,"file":"component---node-modules-pitayan-gatsby-theme-pitayan-src-pages-categories-index-tsx-e6b86f58d9bbac1656bf.js","mappings":"uHAQA,MAAMA,EAA4CC,IAG3C,IAH4C,WACjDC,EAAU,UACVC,GACDF,EACC,OAAKC,GAAeA,EAAWE,OAG7BC,EAAAA,cAAA,OAAKF,UAAS,wBAA0BA,GACrCD,EAAWI,KAAI,CAACC,EAAkBC,IAE/BH,EAAAA,cAACI,EAAAA,GAAI,CAACN,UAAU,iBAAiBK,IAAKA,EAAKE,GAAE,eAAiBH,GAC3DA,MAPmCF,EAAAA,cAAAA,EAAAA,SAAA,KAWtC,EAIV,KAAeM,EAAAA,EAAAA,MAAKX,E,0ECNpB,MAAMY,EAA4CX,IAI5C,IAHJY,MACEC,QAAQ,MAAEC,KAEbd,EACC,MAAM,QAAEe,IAAYC,EAAAA,EAAAA,MACdf,EAAaa,EAAMT,KAAKC,GACrBA,EAASW,aAGlB,OACEb,EAAAA,cAACc,EAAAA,EAAa,CAACC,QAAYJ,EAAO,cAAeK,UAAU,cACzDhB,EAAAA,cAAA,MAAIF,UAAU,6FAA4F,eAC3FY,EAAMX,OAAO,KAE5BC,EAAAA,cAACL,EAAAA,EAAY,CAACG,UAAU,wCAAwCD,WAAYA,IAC9D,EAIpB,WAAeS,EAAAA,EAAAA,MAAKC,E","sources":["webpack://www/./node_modules/@pitayan/gatsby-theme-pitayan/src/components/CategoryTags/index.tsx","webpack://www/./node_modules/@pitayan/gatsby-theme-pitayan/src/pages/categories/index.tsx"],"sourcesContent":["import React, { memo } from \"react\"\nimport { Link } from \"gatsby\"\n\ntype CategoryTagsProps = {\n  categories: string[]\n  className?: string\n}\n\nconst CategoryTags: React.FC<CategoryTagsProps> = ({\n  categories,\n  className\n}) => {\n  if (!categories || !categories.length) return <></>\n\n  return (\n    <div className={`flex flex-wrap gap-3 ${className}`}>\n      {categories.map((category: string, key: number) => {\n        return (\n          <Link className=\"site-tag block\" key={key} to={`/categories/${category}`}>\n            {category}\n          </Link>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default memo(CategoryTags)\n","import React, { memo } from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport DefaultLayout from \"@pitayan/gatsby-theme-pitayan/src/layouts/Default\"\nimport CategoryTags from \"@pitayan/gatsby-theme-pitayan/src/components/CategoryTags\"\n\nimport { useSiteMetadata } from \"@pitayan/gatsby-theme-pitayan/src/hooks\"\n\ntype CategoriesGroup = {\n  fieldValue: string\n  totalCount: number\n}\n\ntype CategoriesProps = {\n  data: {\n    allMdx: {\n      group: CategoriesGroup[]\n    }\n  }\n}\n\nconst CategoriesPage: React.FC<CategoriesProps> = ({\n  data: {\n    allMdx: { group },\n  },\n}) => {\n  const { siteUrl } = useSiteMetadata()\n  const categories = group.map((category: any) => {\n    return category.fieldValue\n  })\n\n  return (\n    <DefaultLayout pageUrl={`${siteUrl}/categories`} pageTitle=\"Categories\">\n      <h1 className=\"font-bold font-sans leading-tight md:leading-tight md:text-3xl text-2xl text-center mb-32\">\n        Categories ({group.length})\n      </h1>\n      <CategoryTags className=\"mx-auto mb-32 max-w-lg justify-center\" categories={categories} />\n    </DefaultLayout>\n  )\n}\n\nexport default memo(CategoriesPage)\n\nexport const pageQuery = graphql`\n  query {\n    allMdx(limit: 2000) {\n      group(field: {\n        frontmatter: {\n          categories: SELECT\n        }\n      }) {\n        fieldValue\n        totalCount\n      }\n      totalCount\n    }\n  }\n`\n"],"names":["CategoryTags","_ref","categories","className","length","React","map","category","key","Link","to","memo","CategoriesPage","data","allMdx","group","siteUrl","useSiteMetadata","fieldValue","DefaultLayout","pageUrl","pageTitle"],"sourceRoot":""}