{"version":3,"file":"component---src-templates-category-tsx-6a30f5ad8286cb818e46.js","mappings":"yLAEA,ECIsB,WACpB,OACE,uBAAKA,UAAU,aACb,gBAAC,EAAAC,KAAD,CAAMC,GAAG,IAAIF,UAAU,mBACrB,gBAACG,EAAA,EAAD,CACEH,UAAU,6BACVI,KAAK,GACLC,KAAMC,EAAAA,GAAAA,QAAmB,eAE3B,gBAACH,EAAA,EAAD,CACEH,UAAU,wBACVI,KAAK,OACLC,KAAMC,EAAAA,GAAAA,QAAmB,UAT7B,IAYE,wC,qFCnBR,ECGuB,WACrB,IAAQC,GAAWC,EAAAA,EAAAA,KAAXD,OAER,OACE,uBAAKP,UAAU,cACb,+IAGE,qBAAGS,KAAMC,EAAAA,GAAAA,eAA6B,QAASH,EAAOI,SAASC,QAC5DL,EAAOI,SAASC,W,iGCgC3B,MAvCA,YAOc,IANZC,EAMW,EANXA,aACAC,EAKW,EALXA,MACAC,EAIW,EAJXA,MACAC,EAGW,EAHXA,YACAC,EAEW,EAFXA,cACAC,EACW,EADXA,KAEA,OACE,uBAAKlB,UAAU,WACb,uBAAKA,UAAU,mBACb,sBAAIA,UAAU,0BACZ,gBAAC,EAAAC,KAAD,CACEC,GAAIiB,EAAAA,EAAAA,WAAqB,OAAQD,GACjClB,UAAU,+BAETe,IAGL,uBAAKf,UAAU,kCACZ,IAAIoB,KAAKH,GAAeI,mBAAmB,WAIhD,uBAAKrB,UAAU,oBACb,gBAAC,EAAAsB,EAAD,CACEC,IAAKV,EACLC,MAAOA,IAGT,uBACEU,wBAAyB,CAAEC,OAAQT,GACnChB,UAAU,qCCPpB,MAvBA,YAEc,IADZ0B,EACW,EADXA,SAEA,OACE,uBAAK1B,UAAU,WACZ0B,EAASC,KAAI,SAACC,GACb,OACE,gBAAC,EAAD,CACEC,IAAKD,EAAQE,GACbA,GAAIF,EAAQE,GACZjB,aAAce,EAAQf,aACtBC,MAAOc,EAAQd,MACfI,KAAMU,EAAQV,KACdH,MAAOa,EAAQb,MACfC,YAAaY,EAAQZ,YACrBC,cAAeW,EAAQX,sB,sGC0DnC,UAlE4B,SAAC,GAGf,IAAD,IAFXc,EAEW,EAFXA,KACAC,EACW,EADXA,YAEeC,GAAczB,EAAAA,EAAAA,KAArBO,MACAmB,EAAQF,EAARE,IACFC,GAAc,UAAAJ,EAAKK,yBAAL,mBAAwBC,aAAxB,eAA+BC,SAAU,EAEvDZ,EAAWK,EAAKK,kBAAkBC,MAAMV,KAAI,YAAsB,IAAnBY,EAAkB,EAAlBA,YACnD,MAAO,CACLT,GAAIS,MAAAA,OAAF,EAAEA,EAAarB,KACjBH,MAAOwB,MAAAA,OAAF,EAAEA,EAAaxB,MACpBD,OAAO0B,EAAAA,EAAAA,GAASD,MAAAA,OAAD,EAACA,EAAaE,WAC7B5B,aAAc,YACdG,YAAauB,MAAAA,OAAF,EAAEA,EAAaG,QAC1BxB,KAAMqB,MAAAA,OAAF,EAAEA,EAAarB,KACnBD,cAAesB,MAAAA,OAAF,EAAEA,EAAaI,SAIhC,OACE,gBAAC,IAAD,CACE5B,MAAOkB,EACPjB,YAAakB,EACbU,SAAS,EACTC,KAAM,CAACX,IAEP,uBAAKlC,UAAU,YACb,gBAAC,IAAD,MACA,sBAAIA,UAAU,wBACZ,wBAAMA,UAAU,mCAAhB,IAAuDkC,EAAvD,KACC,MACGC,EAHN,WAG2BA,EAAc,EAAI,IAAM,IAHnD,aAKA,uBAAKnC,UAAU,8BACb,gBAAC,IAAD,CAAS0B,SAAUA,KAErB,gBAAC,IAAD","sources":["webpack://codefee-time/./src/components/NavHeader/index.ts","webpack://codefee-time/./src/components/NavHeader/NavHeader.tsx","webpack://codefee-time/./src/components/PostFooter/index.ts","webpack://codefee-time/./src/components/PostFooter/PostFooter.tsx","webpack://codefee-time/./src/components/Summary/Article/Article.tsx","webpack://codefee-time/./src/components/Summary/Summary.tsx","webpack://codefee-time/./src/templates/category.tsx"],"sourcesContent":["import NavHeader from './NavHeader';\n\nexport default NavHeader;\n","import React, { FC } from 'react';\nimport { Link } from 'gatsby';\nimport Icon from '../Icon';\nimport { IconHelper } from '../../utils';\nimport './NavHeader.scss';\n\nconst NavHeader: FC = () => {\n  return (\n    <div className=\"navHeader\">\n      <Link to=\"/\" className=\"navHeader__home\">\n        <Icon\n          className=\"navHeader__icon--leftArrow\"\n          name=\"\"\n          icon={IconHelper.getIcon('leftArrow')}\n        />\n        <Icon\n          className=\"navHeader__icon--home\"\n          name=\"Home\"\n          icon={IconHelper.getIcon('home')}\n        />\n        &nbsp;\n        <span>\n          Home\n        </span>\n      </Link>\n    </div>\n  );\n};\n\nexport default NavHeader;\n","import PostFooter from './PostFooter';\n\nexport default PostFooter;\n","import React, { FC } from 'react';\nimport useSiteMetadata from '../../hooks/useSiteMetadata';\nimport { ContactHelper } from '../../utils';\nimport './PostFooter.scss';\n\nconst PostFooter: FC = () => {\n  const { author } = useSiteMetadata();\n\n  return (\n    <div className=\"postFooter\">\n      <blockquote>\n        Please feel free to drop me a mail if you have any questions\n        or interests to do some collaboration works @\n        <a href={ContactHelper.getContactHref('email', author.contacts.email)}>\n          {author.contacts.email}\n        </a>\n      </blockquote>\n    </div>\n  );\n};\n\nexport default PostFooter;\n","import React from 'react';\nimport { GatsbyImage, IGatsbyImageData } from 'gatsby-plugin-image';\nimport { Link } from 'gatsby';\nimport { IArticle } from '../interface';\nimport NavHelper from '../../../utils/NavHelper';\nimport './Article.scss';\n\nfunction Article({\n  imageAltText,\n  image,\n  title,\n  description,\n  publishedDate,\n  slug,\n}: IArticle) {\n  return (\n    <div className=\"article\">\n      <div className=\"article__header\">\n        <h2 className=\"article__header__title\">\n          <Link\n            to={NavHelper.getSlugUrl('post', slug)}\n            className=\"article__header__title-link\"\n          >\n            {title}\n          </Link>\n        </h2>\n        <div className=\"article__header__publishedDate\">\n          {new Date(publishedDate).toLocaleDateString('zh-CN')}\n        </div>\n      </div>\n\n      <div className=\"article__summary\">\n        <GatsbyImage\n          alt={imageAltText}\n          image={image as IGatsbyImageData}\n        />\n\n        <div\n          dangerouslySetInnerHTML={{ __html: description }}\n          className=\"article__summary__description\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default Article;\n","import React from 'react';\nimport Article from './Article';\nimport { IArticle } from './interface';\nimport './Summary.scss';\n\ninterface ISummary {\n  articles: IArticle[];\n}\n\nfunction Summary({\n  articles,\n}: ISummary) {\n  return (\n    <div className=\"summary\">\n      {articles.map((article) => {\n        return (\n          <Article\n            key={article.id}\n            id={article.id}\n            imageAltText={article.imageAltText}\n            image={article.image}\n            slug={article.slug}\n            title={article.title}\n            description={article.description}\n            publishedDate={article.publishedDate}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nexport default Summary;\n","import React, { FC } from 'react';\nimport { getImage } from 'gatsby-plugin-image';\nimport { graphql } from 'gatsby';\nimport Layout from '../components/Layout';\nimport NavHeader from '../components/NavHeader';\nimport PostFooter from '../components/PostFooter';\nimport Summary from '../components/Summary/Summary';\nimport useSiteMetadata from '../hooks/useSiteMetadata';\nimport './category.scss';\nimport { GetPostsByTagQuery } from '../../graphql-types';\n\ninterface Props {\n  data: GetPostsByTagQuery;\n  pageContext: any;\n}\n\nconst Category: FC<Props> = ({\n  data,\n  pageContext,\n}: Props) => {\n  const { title: siteTitle } = useSiteMetadata();\n  const { tag } = pageContext;\n  const resultCount = data.allMarkdownRemark?.nodes?.length || 0;\n\n  const articles = data.allMarkdownRemark.nodes.map(({ frontmatter }) => {\n    return {\n      id: frontmatter?.slug,\n      title: frontmatter?.title,\n      image: getImage(frontmatter?.thumbnail as any),\n      imageAltText: 'thumbnail',\n      description: frontmatter?.excerpt,\n      slug: frontmatter?.slug,\n      publishedDate: frontmatter?.date,\n    } as any;\n  });\n\n  return (\n    <Layout\n      title={siteTitle}\n      description={tag}\n      isIndex={false}\n      tags={[tag]}\n    >\n      <div className=\"category\">\n        <NavHeader />\n        <h3 className=\"category__infoHeader\">\n          <span className=\"category__infoHeader--highlight\">{`'${tag}'`}</span>\n          {' - '}\n          {`${resultCount} result${resultCount > 1 ? 's' : ''} found...`}\n        </h3>\n        <div className=\"category__summaryContainer\">\n          <Summary articles={articles} />\n        </div>\n        <PostFooter />\n      </div>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query GetPostsByTag($tag: String) {\n    allMarkdownRemark(\n      filter: {frontmatter: {tags: {eq: $tag}, status: {ne: \"draft\"}}}\n    ) {\n      nodes {\n        frontmatter {\n          title\n          excerpt\n          date\n          slug\n          tags\n          thumbnail {\n            childImageSharp {\n              gatsbyImageData(width: 200, placeholder: BLURRED)\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Category;\n"],"names":["className","Link","to","Icon","name","icon","IconHelper","author","useSiteMetadata","href","ContactHelper","contacts","email","imageAltText","image","title","description","publishedDate","slug","NavHelper","Date","toLocaleDateString","G","alt","dangerouslySetInnerHTML","__html","articles","map","article","key","id","data","pageContext","siteTitle","tag","resultCount","allMarkdownRemark","nodes","length","frontmatter","getImage","thumbnail","excerpt","date","isIndex","tags"],"sourceRoot":""}