{"version":3,"file":"component---src-templates-series-tsx-4b01a610694cc0a36c15.js","mappings":"mMAuHA,EAjG2C,SAAC,GAOrC,IACDA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAdJC,EAMI,EANJA,QACAC,EAKI,EALJA,OACAC,EAII,EAJJA,YACAC,EAGI,EAHJA,UACAC,EAEI,EAFJA,IACAC,EACI,EADJA,OAiFA,OAtEKL,IACEI,GAAQC,EAGFA,GACTZ,EAAO,WAAcY,EAAd,WACPR,EAAQ,WAAcQ,EAAd,UAA6BH,EAAc,GAA3C,KACCE,IACTX,EAAO,QAAWW,EAAX,WACPP,EAAQ,QAAWO,EAAX,UAAuBF,EAAc,GAArC,MAPRT,EAAU,WACVI,EAAQ,UAAYK,EAAc,GAA1B,KASVV,EACE,gBAAC,EAAAc,KAAD,CACEC,GAAId,EACJe,UCpDe,4CDqDf,aAAW,eAEX,gBAAC,IAAD,CACEC,KAAMC,EAAAA,OAIZd,EACE,gBAAC,EAAAU,KAAD,CACEC,GAAIV,EACJW,UC7DgB,6CD8DhB,aAAW,cAEX,gBAAC,IAAD,CACEC,KAAME,EAAAA,QAKTV,IACEI,GAAWD,EAGLC,GACTV,EAAQ,WAAcU,EAAd,SAA6BF,EAA7B,IACRJ,EAAQ,WAAcM,EAAd,UAA6BH,EAAc,IAC1CE,IACTT,EAAQ,QAAWS,EAAX,SAAuBD,EAAvB,IACRJ,EAAQ,QAAWK,EAAX,UAAuBF,EAAc,KAP7CP,EAAQ,SAAYQ,EACpBJ,EAAQ,UAAYG,EAAc,IASpCR,EACE,gBAAC,EAAAY,KAAD,CACEC,GAAIZ,EACJa,UCtFgB,6CDuFhB,aAAW,eAEX,gBAAC,IAAD,CACEC,KAAMG,EAAAA,OAIZd,EACE,gBAAC,EAAAQ,KAAD,CACEC,GAAIR,EACJS,UC/FgB,6CDgGhB,aAAW,cAEX,gBAAC,IAAD,CACEC,KAAMI,EAAAA,QAMZ,uBAAKL,UC7GqB,qDD8GtBhB,EACAI,EACAE,EACAJ,K,mEEhHGoB,EAAO,+BCiBlB,EATmC,SAAC,GAA2C,IAAzCZ,EAAwC,EAAxCA,YAAaa,EAA2B,EAA3BA,UAAWZ,EAAgB,EAAhBA,UAC5D,OACE,uBAAKK,UDXc,sCCYjB,qBAAGA,UAAWQ,GAAd,KAA6B,4BAAOD,GAApC,SACA,qBAAGP,UAAWQ,GAAa,4BAAOb,GAAlC,WAA2D,4BAAOD,GAAlE,Y,6ECZKe,EAAO,iCACPC,EAAO,iC,oBCkJlB,EAjIqC,SAAC,GAO/B,IANLlB,EAMI,EANJA,QACAC,EAKI,EALJA,OACAC,EAII,EAJJA,YACAC,EAGI,EAHJA,UACAC,EAEI,EAFJA,IACAC,EACI,EADJA,OAEMT,EAAa,iCACfI,IACCI,IAAQC,GACT,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GACkB,IAAhBL,EACI,WADJ,UAEaA,EAAc,GAF3B,IAIFiB,IAAI,QAEJ,gBAAC,IAAD,CAAiBV,KAAMW,EAAAA,MACvB,sCAGFpB,GACAI,IAAQC,GACR,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GACkB,IAAhBL,EAAA,QACYE,EADZ,mBAEYA,EAFZ,UAEwBF,EAAc,GAFtC,IAIFiB,IAAI,QAEJ,gBAAC,IAAD,CAAiBV,KAAMW,EAAAA,MACvB,sCAGFpB,IACCI,GAAOC,GACR,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GACkB,IAAhBL,EAAA,WACeG,EADf,sBAEeA,EAFf,UAE8BH,EAAc,GAF5C,IAIFiB,IAAI,QAEJ,gBAAC,IAAD,CAAiBV,KAAMW,EAAAA,MACvB,sCAKAtB,EAAa,iCACfG,IAAWG,IAAQC,GACnB,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GAAE,UAAWL,EAAc,GAAzB,KAFJ,OAKE,gBAAC,IAAD,CAAiBO,KAAMY,EAAAA,QAGzBpB,GAAUG,IAAQC,GAClB,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GAAE,QAAUH,EAAV,UAAsBF,EAAc,GAApC,KAEF,oCACA,gBAAC,IAAD,CAAiBO,KAAMY,EAAAA,QAGzBpB,IAAWG,GAAOC,GAClB,gBAAC,EAAAC,KAAD,CACEE,UAAWQ,EACXT,GAAE,WAAaF,EAAb,UAA4BH,EAAc,GAA1C,KAEF,oCACA,gBAAC,IAAD,CAAiBO,KAAMY,EAAAA,QAKvBC,EACN,uBAAKd,UDvGkB,4ECwGpBe,MAAMC,KAAK,CAAEC,OAAQtB,IAAa,SAACuB,EAAGC,GAAJ,OACjC,uBACEnB,UDzGW,kCC0GXoB,IAAG,QAAUD,GAEZA,EAAI,IAAMzB,EACP,qBAAGM,UD5GG,kCC4GuBmB,EAAI,GACjC,qBAAGnB,UD5GG,mCC8GHJ,IAAQC,GACP,gBAAC,EAAAC,KAAD,CAAMC,GAAE,UAAWoB,EAAI,GAAf,KACLA,EAAI,GAITvB,IAAQC,GACN,gBAAC,EAAAC,KAAD,CAAMC,GAAE,QAAUH,EAAV,UAAsBuB,EAAI,GAA1B,KACLA,EAAI,IAIRvB,GAAOC,GACN,gBAAC,EAAAC,KAAD,CAAMC,GAAE,WAAaF,EAAb,UAA4BsB,EAAI,GAAhC,KACLA,EAAI,SASrB,OACE,uBAAKnB,UD5Ie,wCC6IhBZ,EACA0B,EACAxB,K,6EC3IG+B,EAAM,8B,oBC+GjB,EAvFmC,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,EAAaC,QAAb,OACjC,uBAAKvB,UAAU,kBACb,2BAASA,UD9BS,qCC+BfsB,EAASE,MAAMC,KAAI,SAACC,GACnB,IAAMC,EAAQD,EAAKE,YAAYD,OAASD,EAAKG,OAAOC,KAEpD,EAA8BJ,EAAKE,YAAYG,SAASC,MAAM,KAAvDC,EAAP,KAAcC,EAAd,KAAqBC,EAArB,KACA,EAAoCT,EAAKE,YAAYQ,OAAOJ,MAAM,KAA3DK,EAAP,KAAgBC,EAAhB,KAAyBC,EAAzB,KAEA,OACE,uBACEvC,UDtCU,oCCuCVwC,WAAS,EACTC,SAAS,4BACTrB,IAAQM,EAAKG,OAAV,OAEH,qBAAG7B,UD1CQ,sCC2CT,gBAAC,EAAAF,KAAD,CACEE,UD3CM,oCC4CND,GAAI2B,EAAKG,OAAOC,MAEdH,IAIN,sBAAI3B,UDhDE,gCCiDJ,sBAAIA,UD7CA,gCC8CF,gBAAC,IAAD,CACEC,KAAMyC,EAAAA,IACN1C,UAAWQ,IAEb,wBAAMmC,SAAUjB,EAAKE,YAAYG,UAC3BE,EADN,IACeC,EADf,IACwBC,EADxB,MAKF,sBAAInC,UDtDE,kCCuDJ,gBAAC,IAAD,CACEA,UAAWQ,EACXP,KAAM2C,EAAAA,MAER,wBAAMD,SAAUjB,EAAKE,YAAYG,UAC3BM,EADN,IACiBC,EADjB,IAC4BC,EAD5B,OAMJ,qBAAGvC,UDrEK,kCCsEN,gBAAC,IAAD,CACEA,UAAWQ,EACXP,KAAM4C,EAAAA,KAGR,gBAAC,EAAA/C,KAAD,CAAMC,GAAE,WAAa2B,EAAKE,YAAYkB,WAA9B,YACJpB,EAAKE,YAAYmB,aAIvB,sBAAI/C,UD/EE,gCCgFJ,0BACE,gBAAC,IAAD,CACEA,UAAWQ,EACXP,KAAM+C,EAAAA,MAEPtB,EAAKE,YAAYqB,KAAKxB,KAAI,SAAC7B,GAAD,OACzB,gBAAC,EAAAE,KAAD,CACEC,GAAE,QAAUH,EAAV,WACFwB,IAAKxB,GAFP,IAGIA,QAKV,qBAAGI,UD7FU,uCC8FX,gBAAC,IAAD,CACEA,UAAWQ,EACXP,KAAMiD,EAAAA,MAENxB,EAAKE,YAAYuB,qB,+GCtCjC,UA3CiC,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,KAAMC,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,SAC/ChC,EAAW8B,EAAKG,kBAEtB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACE5B,MAAU0B,EAAYN,WAAjB,UACLS,SAAUF,EAASG,WAGrB,gBAAC,IAAD,CACEC,UAAcL,EAAYN,WAAjB,aAGX,gBAAC,IAAD,CACErD,YAAa2D,EAAY3D,YACzBa,UAAW8C,EAAY9C,UACvBZ,UAAW0D,EAAY1D,YAGzB,gBAAC,IAAD,CACE2B,SAAUA,IAGZ,gBAAC,IAAD,CACE5B,YAAa2D,EAAY3D,YACzBC,UAAW0D,EAAY1D,UACvBH,QAAS6D,EAAY7D,QACrBC,OAAQ4D,EAAY5D,OACpBI,OAAQwD,EAAYP,aAGtB,gBAAC,IAAD,CACEtD,QAAS6D,EAAY7D,QACrBC,OAAQ4D,EAAY5D,OACpBC,YAAa2D,EAAY3D,YACzBC,UAAW0D,EAAY1D,UACvBE,OAAQwD,EAAYP","sources":["webpack://toriwatari-blog/./src/components/mobilePagination.tsx","webpack://toriwatari-blog/./src/styles/mobilePagination.module.css","webpack://toriwatari-blog/./src/styles/pageinfo.module.css","webpack://toriwatari-blog/./src/components/pageInfo.tsx","webpack://toriwatari-blog/./src/styles/pagination.module.css","webpack://toriwatari-blog/./src/components/pagination.tsx","webpack://toriwatari-blog/./src/styles/postList.module.css","webpack://toriwatari-blog/./src/components/postList.tsx","webpack://toriwatari-blog/./src/templates/series.tsx"],"sourcesContent":["import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport * as Styles from \"../styles/mobilePagination.module.css\"\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\r\nimport {\r\n  faAngleLeft,\r\n  faAngleDoubleLeft,\r\n  faAngleRight,\r\n  faAngleDoubleRight\r\n} from \"@fortawesome/free-solid-svg-icons\"\r\n\r\ntype Props = {\r\n  isFirst: boolean,\r\n  isLast: boolean,\r\n  currentPage: number,\r\n  pageCount: number,\r\n  series?: string,\r\n  tag?: string,\r\n}\r\n\r\nconst MobilePagination: React.VFC<Props> = ({\r\n  isFirst,\r\n  isLast,\r\n  currentPage,\r\n  pageCount,\r\n  tag,\r\n  series\r\n}) => {\r\n  let topButton\r\n  let topPath\r\n  let lastButton\r\n  let lastPath\r\n  let prevButton\r\n  let prevPath\r\n  let nextButton\r\n  let nextPath\r\n\r\n  if (!isFirst) {\r\n    if (!tag && !series) {\r\n      topPath = \"/page/1/\"\r\n      prevPath = `/page/${currentPage - 1}/`\r\n    } else if (series) {\r\n      topPath = `/series/${series}/page/1/`\r\n      prevPath = `/series/${series}/page/${currentPage - 1}/`\r\n    } else if (tag) {\r\n      topPath = `/tag/${tag}/page/1/`\r\n      prevPath = `/tag/${tag}/page/${currentPage - 1}/`\r\n    }\r\n\r\n    topButton =\r\n      <Link\r\n        to={topPath}\r\n        className={Styles.topButton}\r\n        aria-label=\"最初のページへ移動する\"\r\n      >\r\n        <FontAwesomeIcon\r\n          icon={faAngleDoubleLeft}\r\n        />\r\n      </Link>\r\n\r\n    prevButton =\r\n      <Link\r\n        to={prevPath}\r\n        className={Styles.prevButton}\r\n        aria-label=\"前のページへ移動する\"\r\n      >\r\n        <FontAwesomeIcon\r\n          icon={faAngleLeft}\r\n        />\r\n      </Link>\r\n  }\r\n\r\n  if (!isLast) {\r\n    if (!series && !tag) {\r\n      lastPath = `/page/${pageCount}`\r\n      nextPath = `/page/${currentPage + 1}`\r\n    } else if (series) {\r\n      lastPath = `/series/${series}/page/${pageCount}/`\r\n      nextPath = `/series/${series}/page/${currentPage + 1}`\r\n    } else if (tag) {\r\n      lastPath = `/tag/${tag}/page/${pageCount}/`\r\n      nextPath = `/tag/${tag}/page/${currentPage + 1}`\r\n    }\r\n\r\n    lastButton =\r\n      <Link\r\n        to={lastPath}\r\n        className={Styles.lastButton}\r\n        aria-label=\"最後のページへ移動する\"\r\n      >\r\n        <FontAwesomeIcon\r\n          icon={faAngleDoubleRight}\r\n        />\r\n      </Link>\r\n\r\n    nextButton =\r\n      <Link\r\n        to={nextPath}\r\n        className={Styles.nextButton}\r\n        aria-label=\"次のページへ移動する\"\r\n      >\r\n        <FontAwesomeIcon\r\n          icon={faAngleRight}\r\n        />\r\n      </Link>\r\n  }\r\n\r\n  return (\r\n    <div className={Styles.mobilePagination}>\r\n      { topButton }\r\n      { prevButton }\r\n      { nextButton }\r\n      { lastButton }\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MobilePagination\r\n","// extracted by mini-css-extract-plugin\nexport var mobilePagination = \"mobilePagination-module--mobile-pagination--hC0Ii\";\nexport var topButton = \"mobilePagination-module--topButton--h21CT\";\nexport var lastButton = \"mobilePagination-module--lastButton--2pmZS\";\nexport var prevButton = \"mobilePagination-module--prevButton--1B2s2\";\nexport var nextButton = \"mobilePagination-module--nextButton--u3eU5\";","// extracted by mini-css-extract-plugin\nexport var countInfo = \"pageinfo-module--count-info--QzzSK\";\nexport var page = \"pageinfo-module--page--17lBI\";","import React from \"react\"\r\n\r\nimport * as Styles from \"../styles/pageinfo.module.css\"\r\n\r\ntype Props = {\r\n  currentPage: number,\r\n  postCount: number,\r\n  pageCount: number\r\n}\r\n\r\nconst PageInfo: React.VFC<Props> = ({ currentPage, postCount, pageCount }) => {\r\n  return (\r\n    <div className={Styles.countInfo}>\r\n      <p className={Styles.page}>全 <span>{postCount}</span> 件の記事</p>\r\n      <p className={Styles.page}><span>{pageCount}</span> ページ中 / <span>{currentPage}</span> ページ目</p>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default PageInfo\r\n","// extracted by mini-css-extract-plugin\nexport var pagination = \"pagination-module--pagination--3tdZ1\";\nexport var prev = \"pagination-module--prev--2HIcg\";\nexport var next = \"pagination-module--next--mkD9b\";\nexport var nationLinks = \"pagination-module--nation-links--NIzon utils-module--side-by-side--1cV7r\";\nexport var items = \"pagination-module--items--34Hk1\";\nexport var text = \"pagination-module--text--1t83q\";\nexport var link = \"pagination-module--link--2yfly\";","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport * as Styles from \"../styles/pagination.module.css\"\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\r\nimport {\r\n  faChevronCircleLeft,\r\n  faChevronCircleRight\r\n} from \"@fortawesome/free-solid-svg-icons\"\r\n\r\ntype Props = {\r\n  isFirst: boolean,\r\n  isLast: boolean,\r\n  currentPage: number,\r\n  pageCount: number,\r\n  tag?: string,\r\n  series?: string\r\n}\r\n\r\nconst Pagination: React.VFC<Props> = ({\r\n  isFirst,\r\n  isLast,\r\n  currentPage,\r\n  pageCount,\r\n  tag,\r\n  series\r\n}) => {\r\n  const prevButton = <>\r\n    {!isFirst &&\r\n      !tag && !series && (\r\n      <Link\r\n        className={Styles.prev}\r\n        to={\r\n          currentPage === 2\r\n            ? \"/page/1/\"\r\n            : `/page/${currentPage - 1}/`\r\n        }\r\n        rel=\"prev\"\r\n      >\r\n        <FontAwesomeIcon icon={faChevronCircleLeft} />\r\n        <span>Prev</span>\r\n      </Link>\r\n    )}\r\n    {!isFirst &&\r\n      tag && !series && (\r\n      <Link\r\n        className={Styles.prev}\r\n        to={\r\n          currentPage === 2\r\n            ? `/tag/${tag}/page/1/`\r\n            : `/tag/${tag}/page/${currentPage - 1}/`\r\n        }\r\n        rel=\"prev\"\r\n      >\r\n        <FontAwesomeIcon icon={faChevronCircleLeft} />\r\n        <span>Prev</span>\r\n      </Link>\r\n    )}\r\n    {!isFirst &&\r\n      !tag && series && (\r\n      <Link\r\n        className={Styles.prev}\r\n        to={\r\n          currentPage === 2\r\n            ? `/series/${series}/page/1/`\r\n            : `/series/${series}/page/${currentPage - 1}/`\r\n        }\r\n        rel=\"prev\"\r\n      >\r\n        <FontAwesomeIcon icon={faChevronCircleLeft} />\r\n        <span>Prev</span>\r\n      </Link>\r\n    )}\r\n  </>\r\n\r\n  const nextButton = <>\r\n    {!isLast && !tag && !series && (\r\n      <Link\r\n        className={Styles.next}\r\n        to={`/page/${currentPage + 1}/`}\r\n      >\r\n        Next\r\n        <FontAwesomeIcon icon={faChevronCircleRight} />\r\n      </Link>\r\n    )}\r\n    {!isLast && tag && !series && (\r\n      <Link\r\n        className={Styles.next}\r\n        to={`/tag/${tag}/page/${currentPage + 1}/`}\r\n      >\r\n        <span>Next</span>\r\n        <FontAwesomeIcon icon={faChevronCircleRight} />\r\n      </Link>\r\n    )}\r\n    {!isLast && !tag && series && (\r\n      <Link\r\n        className={Styles.next}\r\n        to={`/series/${series}/page/${currentPage + 1}/`}\r\n      >\r\n        <span>Next</span>\r\n        <FontAwesomeIcon icon={faChevronCircleRight} />\r\n      </Link>\r\n    )}\r\n  </>\r\n\r\n  const nationLinks =\r\n  <div className={Styles.nationLinks}>\r\n    {Array.from({ length: pageCount }, (_, i) => (\r\n      <div\r\n        className={Styles.items}\r\n        key={`page_${i}`}\r\n      >\r\n        {i + 1 === currentPage\r\n          ? <p className={Styles.text}>{ i + 1 }</p>\r\n          : <p className={Styles.link}>\r\n            {\r\n              !tag && !series &&\r\n                <Link to={`/page/${i + 1}/`}>\r\n                  {i + 1}\r\n                </Link>\r\n            }\r\n            {\r\n              tag && !series &&\r\n                <Link to={`/tag/${tag}/page/${i + 1}/`}>\r\n                  {i + 1}\r\n                </Link>\r\n            }\r\n            {\r\n              !tag && series &&\r\n                <Link to={`/series/${series}/page/${i + 1}/`}>\r\n                  {i + 1}\r\n                </Link>\r\n            }\r\n          </p>\r\n        }\r\n      </div>\r\n    ))}\r\n  </div>\r\n\r\n  return (\r\n    <div className={Styles.pagination}>\r\n      { prevButton }\r\n      { nationLinks }\r\n      { nextButton }\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Pagination\r\n","// extracted by mini-css-extract-plugin\nexport var postList = \"postList-module--post-list--1lvaU\";\nexport var postItem = \"postList-module--post-item--RwSCk\";\nexport var postTitle = \"postList-module--post-title--1oKUA\";\nexport var postLink = \"postList-module--post-link--2kULN\";\nexport var svg = \"postList-module--svg--2J7Vv\";\nexport var date = \"postList-module--date--3Rvd9\";\nexport var series = \"postList-module--series--1TOHc\";\nexport var tags = \"postList-module--tags--1_paP\";\nexport var description = \"postList-module--description--2jMnd\";\nexport var post = \"postList-module--post--2maDi\";\nexport var update = \"postList-module--update--DS7rJ\";","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport * as Styles from \"../styles/postList.module.css\"\r\n\r\nimport type { Frontmatter } from \"../types/type\"\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\r\nimport { faFolder,\r\n  faClock,\r\n  faUndo,\r\n  faTags,\r\n  faCommentDots\r\n} from \"@fortawesome/free-solid-svg-icons\"\r\n\r\ninterface Node {\r\n  fields: {\r\n    slug: string;\r\n  }\r\n  frontmatter: Frontmatter\r\n}\r\n\r\ninterface Props {\r\n  postData: {\r\n    nodes: Node[]\r\n  },\r\n  isDraft: boolean\r\n}\r\n\r\nconst PostList: React.VFC<Props> = ({ postData, isDraft }) => (\r\n  <div className=\"load-animation\">\r\n    <section className={Styles.postList}>\r\n      {postData.nodes.map((post: Node) => {\r\n        const title = post.frontmatter.title || post.fields.slug\r\n\r\n        const [postY, postM, postD] = post.frontmatter.postdate.split(\"-\")\r\n        const [updateY, updateM, updateD] = post.frontmatter.update.split(\"-\")\r\n\r\n        return (\r\n          <div\r\n            className={Styles.postItem}\r\n            itemScope\r\n            itemType=\"http://schema.org/Article\"\r\n            key={`${post.fields}key`}\r\n          >\r\n            <p className={Styles.postTitle}>\r\n              <Link\r\n                className={Styles.postLink}\r\n                to={post.fields.slug}\r\n              >\r\n                { title }\r\n              </Link>\r\n            </p>\r\n\r\n            <ul className={Styles.date}>\r\n              <li className={Styles.post}>\r\n                <FontAwesomeIcon\r\n                  icon={faClock}\r\n                  className={Styles.svg}\r\n                />\r\n                <time dateTime={post.frontmatter.postdate}>\r\n                  {`${postY}年${postM}月${postD}日`}\r\n                </time>\r\n              </li>\r\n\r\n              <li className={Styles.update}>\r\n                <FontAwesomeIcon\r\n                  className={Styles.svg}\r\n                  icon={faUndo}\r\n                />\r\n                <time dateTime={post.frontmatter.postdate}>\r\n                  {`${updateY}年${updateM}月${updateD}日`}\r\n                </time>\r\n              </li>\r\n            </ul>\r\n\r\n            <p className={Styles.series}>\r\n              <FontAwesomeIcon\r\n                className={Styles.svg}\r\n                icon={faFolder}\r\n              />\r\n\r\n              <Link to={`/series/${post.frontmatter.seriesSlug}/page/1/`}>\r\n                { post.frontmatter.seriesName }\r\n              </Link>\r\n            </p>\r\n\r\n            <ul className={Styles.tags}>\r\n              <li>\r\n                <FontAwesomeIcon\r\n                  className={Styles.svg}\r\n                  icon={faTags}\r\n                />\r\n                {post.frontmatter.tags.map((tag: string) => (\r\n                  <Link\r\n                    to={`/tag/${tag}/page/1/`}\r\n                    key={tag}\r\n                  >#{ tag }</Link>\r\n                ))}\r\n              </li>\r\n            </ul>\r\n\r\n            <p className={Styles.description}>\r\n              <FontAwesomeIcon\r\n                className={Styles.svg}\r\n                icon={faCommentDots}\r\n              />\r\n              { post.frontmatter.description }\r\n            </p>\r\n          </div>\r\n        )\r\n      })}\r\n    </section>\r\n  </div>\r\n)\r\n\r\nexport default PostList\r\n","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport Seo from \"../components/seo\"\r\nimport Header from \"../components/header\"\r\nimport PageInfo from \"../components/pageInfo\"\r\nimport PostList from \"../components/postList\"\r\nimport Pagination from \"../components/pagination\"\r\nimport MobilePagination from \"../components/mobilePagination\"\r\n\r\nimport type { PageContext } from \"../types/type\"\r\n\r\ninterface Series {\r\n  seriesName: string;\r\n  seriesSlug: string;\r\n}\r\n\r\ninterface Props {\r\n  data: GatsbyTypes.SeriesQuery,\r\n  pageContext: PageContext & Series,\r\n  location: {\r\n    pathname: string\r\n  }\r\n}\r\n\r\nconst Series: React.VFC<Props> = ({ data, pageContext, location }) => {\r\n  const postData = data.allMarkdownRemark\r\n\r\n  return (\r\n    <Layout>\r\n      <Seo\r\n        title={`${pageContext.seriesName}シリーズの記事`}\r\n        pagepath={location.pathname}\r\n      />\r\n\r\n      <Header\r\n        pageTitle={`${pageContext.seriesName} シリーズの記事`}\r\n      />\r\n\r\n      <PageInfo\r\n        currentPage={pageContext.currentPage}\r\n        postCount={pageContext.postCount}\r\n        pageCount={pageContext.pageCount}\r\n      />\r\n\r\n      <PostList\r\n        postData={postData}\r\n      />\r\n\r\n      <Pagination\r\n        currentPage={pageContext.currentPage}\r\n        pageCount={pageContext.pageCount}\r\n        isFirst={pageContext.isFirst}\r\n        isLast={pageContext.isLast}\r\n        series={pageContext.seriesSlug}\r\n      />\r\n\r\n      <MobilePagination\r\n        isFirst={pageContext.isFirst}\r\n        isLast={pageContext.isLast}\r\n        currentPage={pageContext.currentPage}\r\n        pageCount={pageContext.pageCount}\r\n        series={pageContext.seriesSlug}\r\n      />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Series\r\n\r\nexport const pageQuery = graphql`\r\n  query Series(\r\n    $seriesSlug: String!,\r\n    $limit: Int!,\r\n    $skip: Int!\r\n  ) {\r\n    allMarkdownRemark (\r\n      sort: {\r\n        fields: [frontmatter___postdate],\r\n        order: DESC\r\n      }\r\n      limit: $limit,\r\n      skip: $skip\r\n      filter: {\r\n        frontmatter: {\r\n          published: { eq: true }\r\n          seriesSlug: {\r\n            eq: $seriesSlug\r\n          }\r\n        }\r\n      }\r\n    ) {\r\n      nodes {\r\n        fields {\r\n          slug\r\n        }\r\n        frontmatter {\r\n          postdate(formatString: \"YYYY-MM-DD\")\r\n          update(formatString: \"YYYY-MM-DD\")\r\n          seriesName\r\n          seriesSlug\r\n          title\r\n          tags\r\n          description\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"names":["topButton","topPath","lastButton","lastPath","prevButton","prevPath","nextButton","nextPath","isFirst","isLast","currentPage","pageCount","tag","series","Link","to","className","icon","faAngleDoubleLeft","faAngleLeft","faAngleDoubleRight","faAngleRight","page","postCount","Styles","prev","next","rel","faChevronCircleLeft","faChevronCircleRight","nationLinks","Array","from","length","_","i","key","svg","postData","isDraft","nodes","map","post","title","frontmatter","fields","slug","postdate","split","postY","postM","postD","update","updateY","updateM","updateD","itemScope","itemType","faClock","dateTime","faUndo","faFolder","seriesSlug","seriesName","faTags","tags","faCommentDots","description","data","pageContext","location","allMarkdownRemark","pagepath","pathname","pageTitle"],"sourceRoot":""}