{"version":3,"sources":["webpack:///./src/components/pages/front/Tag.tsx","webpack:///./src/templates/Tag.tsx","webpack:///./src/components/organisims/articles/CategoryAritlcesBlock.tsx"],"names":["Page","props","tag","articles","categories","Header","color","brand","fixed","changeColorOnScroll","height","ResponsiveComponent","sp","style","paddingTop","Container","boxShadow","CategoryAritlcesBlock","pc","App","pageContext","tagArticles","footers","map","item","article","title","name","description","openGraph","url","slug","type","site_name","images","alt","Helmet","Title","styled","h2","ArticlesBox","category","showTitle","limit","showCategory","to","defaultProps"],"mappings":"8QAYe,SAASA,EAAKC,GAAc,IACjCC,EAA8BD,EAA9BC,IAAKC,EAAyBF,EAAzBE,SAAUC,EAAeH,EAAfG,WAEvB,OACE,oCACE,kBAACC,EAAA,EAAD,CACEC,MAAM,QACNC,MAAM,cACNC,OAAK,EACLC,oBAAqB,CACnBC,OAAQ,EACRJ,MAAO,SAETF,WAAYA,IAEd,kBAACO,EAAA,EAAD,CACEC,GACE,yBACEC,MAAO,CACLC,WAAY,UAGd,kBAACC,EAAA,EAAD,CAAWF,MAAO,CAAEG,UAAW,SAC7B,kBAACC,EAAA,EAAD,CAAuBf,IAAKA,EAAKC,SAAUA,MAIjDe,GACE,yBACEL,MAAO,CACLC,WAAY,UAGd,kBAACC,EAAA,EAAD,CAAWF,MAAO,CAAEG,UAAW,SAC7B,kBAACC,EAAA,EAAD,CAAuBf,IAAKA,EAAKC,SAAUA,SClC1C,SAASgB,EAAIlB,GAAc,IAChCmB,EAAgBnB,EAAhBmB,YACAC,EAA0CD,EAA1CC,YAAanB,EAA6BkB,EAA7BlB,IAAKE,EAAwBgB,EAAxBhB,WAAYkB,EAAYF,EAAZE,QAEhCnB,EAAWkB,EACbA,EAAYE,KAAI,SAACC,GAAD,OAAeA,EAAKC,WACpC,GAEJ,OACE,gCACE,gBAAC,YAAD,CACEC,MAAUxB,EAAIyB,KAAT,uBACLC,YAAY,cACZC,UAAW,CACTC,IAAK,oCAAoC5B,EAAI6B,KAC7CL,MAAUxB,EAAIyB,KAAT,sBACLC,YAAa,cACbI,KAAM,UACNC,UAAW,sBACXC,OAAQ,CACN,CACEJ,IACE,kEACFK,IAAK,+BAKb,gBAACC,EAAA,EAAD,KACE,6BAAWlC,EAAIyB,KAAf,yBAEF,gBAAC,IAAD,CAAQL,QAASA,GACf,gBAAC,EAAD,CAAKpB,IAAKA,EAAKC,SAAUA,EAAUC,WAAYA,Q,2IChCjDiC,EAAQC,IAAOC,GAAV,mFAAGD,CAAH,6GAcI,SAASE,EAAYvC,GAAc,IACxCwC,EAA8CxC,EAA9CwC,SAAUC,EAAoCzC,EAApCyC,UAAWC,EAAyB1C,EAAzB0C,MAAOzC,EAAkBD,EAAlBC,IAAKC,EAAaF,EAAbE,SAEzC,OACE,oCACGuC,IAAcxC,GACb,kBAACmC,EAAD,KAAQI,EAAWA,aAAH,EAAGA,EAAUd,KAAO,QAErCe,GAAaxC,GAAO,kBAACmC,EAAD,KAAQnC,aAAR,EAAQA,EAAKyB,MAClC,kBAAC,IAAD,CACExB,SAAUA,EACVyC,cAAcH,IAEfE,GAASF,GACR,kBAAC,OAAD,CAAMI,GAAE,gBAAiBJ,aAAjB,EAAiBA,EAAUV,OAChCU,EAASd,KADZ,YAQRa,EAAYM,aA1BS,CACnBJ,WAAW","file":"component---src-templates-tag-tsx-079738f1c5a7b81c9bae.js","sourcesContent":["import React from \"react\";\nimport CategoryAritlcesBlock from \"components/organisims/articles/CategoryAritlcesBlock\";\nimport Container from \"components/atoms/Container\";\nimport Header from \"components/uikit/Header/Header\";\nimport ResponsiveComponent from \"components/atoms/ResponsiveComponent\";\n\ntype Props = {\n  articles: any;\n  categories: any;\n  tag: any;\n};\n\nexport default function Page(props: Props) {\n  const { tag, articles, categories } = props;\n\n  return (\n    <>\n      <Header\n        color=\"white\"\n        brand=\"Kazi ONLINE\"\n        fixed\n        changeColorOnScroll={{\n          height: 0,\n          color: \"white\",\n        }}\n        categories={categories}\n      />\n      <ResponsiveComponent\n        sp={\n          <div\n            style={{\n              paddingTop: \"140px\",\n            }}\n          >\n            <Container style={{ boxShadow: \"none\" }}>\n              <CategoryAritlcesBlock tag={tag} articles={articles} />\n            </Container>\n          </div>\n        }\n        pc={\n          <div\n            style={{\n              paddingTop: \"100px\",\n            }}\n          >\n            <Container style={{ boxShadow: \"none\" }}>\n              <CategoryAritlcesBlock tag={tag} articles={articles} />\n            </Container>\n          </div>\n        }\n      />\n    </>\n  );\n}\n","import * as React from \"react\";\nimport \"@aws-amplify/ui/dist/style.css\";\nimport Layout from \"components/layouts/Common\";\nimport { Helmet } from \"react-helmet\";\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\";\nimport Tag from \"components/pages/front/Tag\";\n\ntype Props = {\n  data: any;\n  pageContext: any;\n};\n\nexport default function App(props: Props) {\n  const { pageContext } = props;\n  const { tagArticles, tag, categories, footers } = pageContext;\n\n  const articles = tagArticles\n    ? tagArticles.map((item: any) => item.article)\n    : [];\n\n  return (\n    <>\n      <GatsbySeo\n        title={`${tag.name} 舵オンライン │ 船遊びの情報サイト `}\n        description=\"Kazi Online\"\n        openGraph={{\n          url: `https://www.kazi-online.com/tags/${tag.slug}`,\n          title: `${tag.name} 舵オンライン │ 船遊びの情報サイト`,\n          description: \"Kazi Online\",\n          type: \"website\",\n          site_name: \"舵オンライン │ 船遊びの情報サイト \",\n          images: [\n            {\n              url:\n                \"https://kazi-online.com/images/KAZIonline_SHARE_1200×630pix.jpg\",\n              alt: \"舵オンライン │  船遊びの情報サイト（舵社）\",\n            },\n          ],\n        }}\n      />\n      <Helmet>\n        <title>{`${tag.name} 舵オンライン │ 船遊びの情報サイト `}</title>\n      </Helmet>\n      <Layout footers={footers}>\n        <Tag tag={tag} articles={articles} categories={categories} />\n      </Layout>\n    </>\n  );\n}\n\n// export const query = graphql`\n//   query($tagID: ID) {\n//     appsync {\n//       listTags(filter: { id: { eq: $tagID } }) {\n//         items {\n//           articles {\n//             items {\n//               article {\n//                 adID\n//                 authorID\n//                 category {\n//                   id\n//                   jName\n//                   name\n//                   slug\n//                 }\n//                 tags {\n//                   items {\n//                     tagID\n//                     tag {\n//                       name\n//                     }\n//                   }\n//                 }\n//                 categoryID\n//                 createdAt\n//                 description\n//                 mainImage {\n//                   url\n//                   name\n//                 }\n//                 prFlg\n//                 slug\n//                 startDateTime\n//                 status\n//                 updatedAt\n//                 title\n//               }\n//               createdAt\n//               articleID\n//               id\n//             }\n//           }\n//         }\n//       }\n//     }\n//   }\n// `;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport ArticleCards from \"components/molecures/ArticleCards\";\nimport { Link } from \"gatsby\";\ntype Props = {\n  tag?: any;\n  category?: any;\n  showTitle?: boolean;\n  articles: any;\n  limit?: number;\n};\n\nconst Title = styled.h2`\n  color: #000000;\n  font-size: 32px;\n  padding-bottom: 8px;\n  padding-top: 8px;\n  width: 100%;\n  font-weight: 800;\n  opacity: 0.9;\n`;\n\nconst defaultProps = {\n  showTitle: true,\n};\n\nexport default function ArticlesBox(props: Props) {\n  const { category, showTitle, limit, tag, articles } = props;\n\n  return (\n    <>\n      {showTitle && !tag && (\n        <Title>{category ? category?.name : \"新着記事\"}</Title>\n      )}\n      {showTitle && tag && <Title>{tag?.name}</Title>}\n      <ArticleCards\n        articles={articles}\n        showCategory={category ? false : true}\n      />\n      {limit && category && (\n        <Link to={`/categories/${category?.slug}`}>\n          {category.name} をもっと読む\n        </Link>\n      )}\n    </>\n  );\n}\n\nArticlesBox.defaultProps = defaultProps;\n"],"sourceRoot":""}