{"version":3,"file":"component---src-pages-markdown-remark-frontmatter-category-js-cfac3b3ba00a282c0bd2.js","mappings":"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","sources":["webpack://mch/./src/pages/{MarkdownRemark.frontmatter__category}.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport { freeCategories, memberCategories, news } from \"../components/category\";\nimport { RefreshIcon, ChevronRightIcon } from \"@heroicons/react/solid\";\nimport Filter from \"../components/filter\";\nimport Seo from \"../components/seo\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nconst CategoryList = ({ params, data }) => {\n  memberCategories.forEach((m) => (m.type = \"member\"));\n  freeCategories.forEach((m) => (m.type = \"free\"));\n  news.type = \"free\";\n  const cats = [...memberCategories, ...freeCategories, news];\n  const category = params.frontmatter__category;\n  const cat = cats.find((c) => c.catSlug === category);\n  const catName = cat.catName;\n  const catType = cat.type;\n\n  const allNodes = data.allMarkdownRemark.nodes;\n  const [nodes, setNodes] = useState(allNodes);\n\n  const allYears = [\n    ...new Set(\n      allNodes\n        .filter((node) => node.frontmatter.date)\n        .map((node) => node.frontmatter.date.substring(0, 4))\n    ),\n  ];\n  const [years, setYears] = useState(allYears);\n  const allTags = [\n    ...new Set(\n      allNodes\n        .filter((node) => node.frontmatter.tag)\n        .map((node) => node.frontmatter.tag.toString())\n    ),\n  ];\n  const [tags, setTags] = useState(allTags);\n\n  const [selectedYear, setSelectedYear] = useState(null);\n  const [selectedTag, setSelectedTag] = useState(null);\n\n  useEffect(() => {\n    if (selectedYear || selectedTag) {\n      setNodes(\n        allNodes.filter((node) => {\n          return (\n            (selectedYear\n              ? node.frontmatter.date.substring(0, 4) === selectedYear\n              : true) &&\n            (selectedTag\n              ? node.frontmatter.tag.toString() === selectedTag\n              : true)\n          );\n        })\n      );\n    } else {\n      setNodes(allNodes);\n    }\n    setYears([\n      ...new Set(\n        allNodes\n          .filter((node) => {\n            return selectedTag\n              ? node.frontmatter.tag.toString() === selectedTag\n              : true;\n          })\n          .filter((node) => node.frontmatter.date)\n          .map((node) => node.frontmatter.date.substring(0, 4))\n      ),\n    ]);\n    setTags([\n      ...new Set(\n        allNodes\n          .filter((node) => {\n            return selectedYear\n              ? node.frontmatter.date.substring(0, 4) === selectedYear\n              : true;\n          })\n          .filter((node) => node.frontmatter.tag)\n          .map((node) => node.frontmatter.tag.toString())\n      ),\n    ]);\n  }, [selectedYear, selectedTag]);\n\n  return (\n    <Layout>\n      <Seo title={catName} />\n      {category === \"seminar\" ? (\n        <div className=\"relative flex flex-col justify-center items-center bg-cyan-50 text-gray-600 font-sans\">\n          <StaticImage src=\"../images/seminar.webp\" alt={catName}></StaticImage>\n          <div className=\"absolute top-1/2 -translate-y-1/2 text-white bg-black bg-opacity-30 w-full text-center py-5 md:py-10 px-2 md:px-5\">\n            <div className=\"text-lg md:text-4xl pb-5 md:pb-10 font-bold leading-relaxed md:leading-loose\">\n              ライブ配信後の人気セミナーが\n              <br />\n              24時間いつでも聴講できます！\n            </div>\n            <div className=\"text-xs md:text-base leading-normal md:leading-relaxed\">\n              ライブ配信を終えた、弊社グループチェイス・ネクスト主催の人気セミナーが、\n              <br />\n              24時間いつでも視聴できるようになりました。\n              <br />\n              中国ビジネスに携わる皆様の実務理解や法律制度の理解にお役立ていただけますと幸いです。\n            </div>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex flex-col justify-center items-center p-5 md:p-20 bg-cyan-50 text-gray-600 font-sans\">\n          <h1 className=\"md:text-2xl text-lg font-medium mb-2 text-center\">\n            {catName}\n          </h1>\n          {category !== \"news\" &&\n            (catType === \"member\" ? (\n              <div className=\"bg-cyan-500 text-white px-2 py-1\">会員</div>\n            ) : (\n              <div className=\"bg-teal-500 text-white px-2 py-1\">無料</div>\n            ))}\n        </div>\n      )}\n      <div className=\"bg-gray-100 text-gray-600\">\n        <nav className=\"container mx-auto p-1 md:p-3 font-sans\">\n          <ol className=\"list-reset flex items-center text-sm\">\n            <li>\n              <Link to=\"/\" className=\"text-blue-600 hover:text-blue-700\">\n                ホーム\n              </Link>\n            </li>\n            <li className=\"mx-1\">\n              <ChevronRightIcon className=\"w-4 h-4\" />\n            </li>\n            <li>{catName}</li>\n          </ol>\n        </nav>\n      </div>\n      <div className=\"container mx-auto max-w-5xl px-5 md:px-10 py-10 md:py-20 text-sm md:text-base\">\n        {category !== \"seminar\" && (\n          <div className=\"mb-5 md:flex grid grid-cols-1 gap-3 justify-end items-center font-sans\">\n            <div className=\"flex gap-2\">\n              <p className=\"text-gray-600 text-sm\">{`${nodes.length}件表示/${allNodes.length}件`}</p>\n              {tags.length > 0 || years.length > 0 ? (\n                <button\n                  onClick={() => {\n                    setSelectedYear(null);\n                    setSelectedTag(null);\n                  }}\n                >\n                  <RefreshIcon className=\"w-4 h-4 text-gray-400\" />\n                </button>\n              ) : null}\n            </div>\n            {tags.length > 0 ? (\n              <Filter\n                selected={selectedTag}\n                setSelected={setSelectedTag}\n                options={tags}\n                msgSelect=\"タグを選択\"\n              />\n            ) : null}\n            {years.length > 0 ? (\n              <Filter\n                selected={selectedYear}\n                setSelected={setSelectedYear}\n                options={years}\n                msgSelect=\"年を選択\"\n              />\n            ) : null}\n          </div>\n        )}\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-3 md:gap-4\">\n          {category === \"seminar\"\n            ? nodes.map((node, index) => (\n                <Link\n                  to={`${node.frontmatter.no}`}\n                  key={index}\n                  className=\"hover:bg-cyan-100 border border-cyan-400 block relative font-sans\"\n                >\n                  <GatsbyImage\n                    image={getImage(node.frontmatter.image)}\n                    alt={node.frontmatter.title}\n                  />\n                  <div key={index} className=\"p-5\">\n                    <div className=\"mb-3\">\n                      {`【${String(node.frontmatter.no).padStart(3, \"0\")}】 ${\n                        node.frontmatter.title\n                      }`}\n                    </div>\n                    <div className=\"text-sm mb-2\">\n                      {`${new Date(\n                        node.frontmatter.date\n                      ).getFullYear()}年${new Date(\n                        node.frontmatter.date\n                      ).getMonth()+1}月 | ${node.frontmatter.length}`}\n                    </div>\n                    <div className=\"text-sm\">{node.frontmatter.speaker}</div>\n                  </div>\n                </Link>\n              ))\n            : nodes.map((node, index) => (\n                <Link\n                  to={`${node.frontmatter.slug}`}\n                  className=\"hover:bg-cyan-100 block font-sans p-5 border border-cyan-400\"\n                  key={index}\n                >\n                  <div className=\"mb-3\">{node.frontmatter.title}</div>\n                  <div className=\"mb-3 text-sm text-gray-600 flex gap-3\">\n                    <div className=\"font-number font-light\">\n                      {node.frontmatter.date}\n                    </div>\n                    {node.frontmatter.tag ? (\n                      <div>{node.frontmatter.tag}</div>\n                    ) : null}\n                  </div>\n                  <div className=\"text-sm\">{node.excerpt}</div>\n                </Link>\n              ))}\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport default CategoryList;\n\nexport const query = graphql`\n  query ($frontmatter__category: String!) {\n    allMarkdownRemark(\n      filter: { frontmatter: { category: { eq: $frontmatter__category } } }\n      sort: { fields: frontmatter___date, order: DESC }\n    ) {\n      nodes {\n        id\n        frontmatter {\n          title\n          slug\n          date\n          category\n          tag\n          no\n          speaker\n          length\n          image {\n            childImageSharp {\n              gatsbyImageData\n            }\n          }\n        }\n        fields {\n          collection\n        }\n        excerpt(truncate: true, pruneLength: 200)\n      }\n    }\n  }\n`;\n"],"names":["params","data","memberCategories","m","type","freeCategories","news","cats","category","frontmatter__category","cat","find","c","catSlug","catName","catType","allNodes","allMarkdownRemark","nodes","useState","setNodes","allYears","Set","filter","node","frontmatter","date","map","substring","years","setYears","allTags","tag","toString","tags","setTags","selectedYear","setSelectedYear","selectedTag","setSelectedTag","useEffect","title","className","S","src","alt","Link","to","length","onClick","selected","setSelected","options","msgSelect","index","no","key","G","image","getImage","String","padStart","Date","getFullYear","getMonth","speaker","slug","excerpt"],"sourceRoot":""}